没有JavaScript可以轻松获得相同高度的DIV吗?

时间:2010-09-01 10:05:28

标签: css html

到目前为止,我主要使用基于表格的布局,但由于它现在被认为是过去的事情,所以我承担了学习基于DIV的布局的任务。

到目前为止,对我来说最令人讨厌的挑战之一就是找到一种方法来获得适用于所有主流浏览器的相同高度DIV,不依赖于JavaScript而且不需要complicated CSS tactics。有点让我想知道为什么使用DIV是做布局的首选方法,而表允许快速轻松地创建等高页面元素。

我有什么选择?如果没有完美的方法,你会建议用jQuery吗?我想将此技术应用于可以查看的侧边栏here。 (这是我正在开发的主题的测试环境。)

更新:事先不知道列的高度;这取决于它应该能容纳多少内容。

3 个答案:

答案 0 :(得分:1)

据我所知,没有完美的方法,这是CSS的弱点之一。

但是,在您的情况下,您可以使用Faux Columns technique

答案 1 :(得分:0)

here is an example using pure css

body{margin-bottom:50px}
div.holder { overflow:hidden }
div.holder div { float:left; width:30%; background-color:#9C0; margin-right:5px; padding:10px; padding-bottom:9000px; margin-bottom:-9000px }

http://abcoder.com/wp-content/uploads/2009/09/css-equal-height-three-column-layout.html

答案 2 :(得分:0)

如果标准不能让你做你需要的东西,请拧紧它们并使用一张桌子。