自动调整不同的行分区

时间:2013-03-06 20:00:14

标签: css html height

好吧,我在不同的页面上有两行相同的类div。在第1页,有一行有相当数量的文本,其大小设置完美。在第2页,div“框”中的文本少得多,但尺寸太大。

我想要完成的是第1页上的3个div具有正确的当前高度设置,但我希望第2页上的div具有更短的高度设置。唯一的问题是,这必须在一个Css类(父母和兄弟姐妹)中完成。

这是一张示例图片:

enter image description here

2a:这是当前的高度设置,它与大量文本完美配合。

2b:较短的文本框太长,需要缩短,但仍与2a相同。

2c& 2d:正确的自动调整高度

.box{
    height: 400px;
}

.box .box_content{
    height: 90%;
}

1 个答案:

答案 0 :(得分:0)

如果删除.box上的高度设置,高度将动态填充内容。

如果每行需要相等的高度,你可以使用jquery找到行中最高的div并相应地设置其他行。