<div id="main"><div id="left">我是左邊的內容的啦啦啦啦。。。

。<br> 我是左邊的內容的啦啦啦啦。。。。<br> 我是左邊的內容的啦啦啦啦。。。。

<br> 我是左邊的內容的啦啦啦啦。

。

。。<br> 我是左邊的內容的啦啦啦啦。。。

。<br> </div> <div id="right"> 左邊的內容...哈哈哈哈哈 </div> </div> <style> #main{ overflow:hidden; width:500px; margin:0 auto; } #left{ float:left; width:390px; background:#eee; } #right{ float:right; width:100px; background:#ccc; } #left,#right{ margin-bottom:-1000px; padding-bottom:1000px; } </style>

overflow:hidden;margin-bottom:-1000px; padding-bottom:1000px;很巧妙的利用了 margin 做到了等高布局。。僅僅是一個看起來的。實際上高度不相等的。

僅僅是隱藏了超出的部分

轉載于:https://www.cnblogs.com/yxwkf/p/5100210.html

總結

以上是生活随笔為你收集整理的margin 等高布局的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。