3

如何放置并排 DIV 的高度?

当我更改浏览器的宽度时,有时左侧 div 会比左侧高或短。

我希望左边或右边的 div 自动成长为与另一个相同的高度。

设置显示表行是最好的解决方案吗?

看一下我要开发的页面的图像。 http://i.imgur.com/BhvV2.png


我使用 display=table-row、table 和 table-cell 解决了这个问题。我添加了一个 div 作为表格。现在它是完美的!看一看。

http://jsfiddle.net/tcWCC/47/

4

4 回答 4

4

这是一个解决方案,也可以在 SO 上找到

http://jsfiddle.net/kaAjW/

这是原始帖子的链接

如何让两个并排的 div 高度相同?

该技术称为 Faux Columns,这是一篇关于它的文章

http://www.alistapart.com/articles/fauxcolumns/

于 2012-05-09T14:27:07.540 回答
3

我使用 display=table-row、table 和 table-cell 解决了这个问题。我添加了一个 div 作为表格。现在它是完美的!看一看。

http://jsfiddle.net/tcWCC/47/

于 2012-07-03T23:34:52.790 回答
0

如果您尝试做的是将内容放在带有圆形角的灰色框中,那么您的 div 不需要具有相同的高度。只需将背景颜色和边框半径移动到封闭的 div:http: //jsfiddle.net/tcWCC/41/

于 2012-05-09T14:39:01.730 回答
-4

我认为如果不使用 html 表格,您将无法做到这一点。

于 2012-05-09T14:16:23.063 回答