`
java-mans
  • 浏览: 11425128 次
文章分类
社区版块
存档分类
最新评论

如何让一个层始终固定在父层的底部?

 
阅读更多

点击打开链接点击打开链接

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>
    <style type="text/css">
        #father
        {
        	margin:100px auto;
        	width:300px;
        	height:300px;
        	border:1px solid red;
        	position:relative;
        }
        #child
        {
        	width:100%;
        	height:20%;
        	background-color:Silver;
        	position:absolute;
        	bottom:0px;
         left:0px;
        }
    </style>
</head>
<body>
<div id="father">
father
<div id="child">固定于father底部
</div>
</div>
</body>
</html>


分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics