码迷,mamicode.com
首页 > 其他好文 > 详细

三列等高布局

时间:2015-08-16 10:43:29      阅读:75      评论:0      收藏:0      [点我收藏+]

标签:

1 <div class="content">
2 <p class="left">left<br />left<br />left<br /></p>
3 <p class="center">center</p>
4 <p class="right">right </p>
5 </div>
.content{overflow:hidden}
.left,.center,.right{
    margin-bottom:-10000px;
    padding-bottom:10000px;
    width:300px;
    float:left;
    
}
.left{background:#f00;}
.center{background:#0ff}
.right{background:#f0f}

1.上层div设overflow:hidden,隐藏溢出

3.三个p设padding-bottom填充10000px;然后用margin-bottom抵消10000px

 

三列等高布局

标签:

原文地址:http://www.cnblogs.com/danranysy/p/4733677.html

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