今天小编跟大家讲解下有关利用margin实现等高布局 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关利用margin实现等高布局 的相关资料，希望小伙伴们看了有所帮助。
复制代码代码如下: <div id="main"> <div id="left"> 我是左边的内容的啦啦啦啦。。。。 我是左边的内容的啦啦啦啦。。。。 我是左边的内容的啦啦啦啦。。。。 我是左边的内容的啦啦啦啦。。。。 我是左边的内容的啦啦啦啦。。。。 </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 做到了等高布局。只是一个看起来的。实际上高度不相等的。只是隐藏了超出的部分来源：爱蒂网
