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

css代码:

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

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

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

 

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

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

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

相关文章
相关标签/搜索