margin 等高布局

標籤：style   class   blog   code   width   2014   

<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 做到了等高布局。。只是一個看起來的。實際上高度不相等的。只是隱藏了超出的部分