大家好，又见面了，我是全栈君。
<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 做到了等高布局。。仅仅是一个看起来的。实际上高度不相等的。
仅仅是隐藏了超出的部分
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/116434.html原文链接：https://javaforall.cn
【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛
【官方授权 正版激活】： 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...
