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 做到了等高布局。。仅仅是一个看起来的。实际上高度不相等的。

仅仅是隐藏了超出的部分

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/116434.html原文链接：https://javaforall.cn