首页 > 其他 > 详细

三列等高布局

时间:2015-08-16 10:41:58      阅读:218      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!