码迷,mamicode.com
首页 > Web开发 > 详细

css position:absolute align center bottom

时间:2015-06-12 18:45:22      阅读:92      评论:0      收藏:0      [点我收藏+]

标签:

 

 

 

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>

  <div class="div1">
    
      <div class="div2"></div>
    
  </div>

</body>
</html>

 

 

 

.div1{
  
  border:solid 1px red;
  width:100%;
  height:400px;
  position:relative;
  margin-top:80px;
}


.div2{
  border:solid 1px red;
  width:100%;
  height:60px;
  position:absolute;
  margin:auto;
  bottom: 0; right: 0;
  box-sizing: border-box;
  border-left:none;
  border-right:none;
  border-bottom:none;
}

 

 

 

 

 

 

 

http://jsbin.com/miciburuwo/1/

 

css position:absolute align center bottom

标签:

原文地址:http://www.cnblogs.com/zyip/p/4572010.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!