利用margin实现等高布局

主要是利用margin实现等高布局,实际上高度不相等的,只是隐藏了超出的部分。

html

<div id="main"> 
	<div id="left"> 
	我是左边的内容的啦啦啦啦。。。。

	我是左边的内容的啦啦啦啦。。。。

	我是左边的内容的啦啦啦啦。。。。

	我是左边的内容的啦啦啦啦。。。。

	我是左边的内容的啦啦啦啦。。。。

	</div> 
	<div id="right"> 
	左边的内容...哈哈哈哈哈 
	</div> 
</div> 

css:

#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; 

发表评论

电子邮件地址不会被公开。 必填项已用*标注