首页 > 代码库 > margin 等高布局

margin 等高布局

<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 做到了等高布局。。只是一个看起来的。实际上高度不相等的。只是隐藏了超出的部分