您的位置:首页 > 其它

两列或多列等高布局实现

2016-03-30 17:37 423 查看
1、用table布局,这里不多说。。。

2、正负内外边距实现

<div class="mian">
<div class="left">左列</div>
<div class="middle">中列</div>
<div class="right">右列</div>
</div>
.mian {
width: 1360px;
overflow: hidden;
}
.mian .left,
.mian .right,
.mian .middle {
float: left;
padding-bottom: 9000px;
margin-bottom: -9000px;
}
.mian .left {
width: 180px;
height: 280px;
background-color: red;
}
.mian .middle {
margin-left: 10px;
background-color: blue;
}
.mian .right {
margin-left: 10px;
background-color: silver;
}


3、伪类方法实现和Flexbox实现,参考点击打开链接
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: