CSS控制DIV两列左右高度一致

2019独角兽企业重金招聘Python工程师标准>>>

css代码：

.wrap{width:600px;margin:0 auto; overflow:hidden;}

.left{background:#ccc;width:300px;float:left;margin-bottom:-10000px;padding-bottom:10000px;}

.right{background:#eee;width:300px;float:left;margin-bottom:-10000px;padding-bottom:10000px;}

 

html代码：<div class="wrap"><div class="left">左侧</div><div class="right">右侧<br />右侧<br />右侧<br />右侧</div></div>

说明：通过控制margin-bottom:-10000px;padding-bottom:10000px;这个样式，达到左右高度一致，实际上两边的高度在10000px范围内都可以保持一致，可以设置更高。

[转]http://hi.baidu.com/webfrontend/item/750ef3988d37cc49f042155c

转载于:https://my.oschina.net/u/250130/blog/157635