html – CSS 2列布局：列高

概述我正在使用div的html构建一个简单的2列布局 问题是我无法使正确的列具有与左侧相同的高度. <div id="container"> <div id="left" style="float: left; width: 200px; background: #DDFFDD;"> <p>1</p> <p>2</p> <p>3</p> 我正在使用div的HTML构建一个简单的2列布局

问题是我无法使正确的列具有与左侧相同的高度.

<div ID="container">    <div ID="left" >        <p>1</p>        <p>2</p>        <p>3</p>        <p>4</p>    </div>    <div ID="right" >        <p>main</p>    </div></div>

如您所见,右列与左侧列的高度不匹配.我希望他们是平等的

编辑：我们不知道高度,因为列内的内容将是动态的.并且左侧或主侧的内容可以是最大高度.

解决方法 http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

这个网站有一个非常好的解释,我发现很难平等或顶尖.

祝你好运！

总结

以上是内存溢出为你收集整理的html – CSS 2列布局：列高全部内容，希望文章能够帮你解决html – CSS 2列布局：列高所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。