首页 > 代码库 > 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 做到了等高布局。。只是一个看起来的。实际上高度不相等的。只是隐藏了超出的部分
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。