利用margin实现等高布局
网站建设 2023-01-28 21:39www.1681989.com免费网站
复制代码
代码如下:<div id="ma">
<div id="left">
我是左边的内容的啦啦啦啦。。。。
我是左边的内容的啦啦啦啦。。。。
我是左边的内容的啦啦啦啦。。。。
我是左边的内容的啦啦啦啦。。。。
我是左边的内容的啦啦啦啦。。。。
</div>
<div id="right">
左边的内容...哈哈哈哈哈
</div>
</div>
<style>
#ma{
overflow:hidden;
width:500px;
marg:0 auto;
}
#left{
float:left;
width:390px;
background:#eee;
}
#right{
float:right;
width:100px;
background:#c;
}
#left,#right{
marg-bottom:-1000px;
paddg-bottom:1000px;
}
</style>
复制代码
代码如下:overflow:hidden;
marg-bottom:-1000px;
paddg-bottom:1000px;
非常巧妙的利用了 marg 做到了等高布局。只是一个看起来的。实际上高度不相等的。只是隐藏了超出的部分