HTML / CSS布局问题

Question

我正在看一个简单的网页布局，但我想将3个居中的列固定到绝对最大高度。

我已经创建了这个缺少图像的FIDDLE ，但正如您所看到的那样，第一列比其他列长，因为其中有更多文本。

这似乎是正在使用的CSS，但我不知道该改变什么。

.home_section_left{
width:270px;
height:auto;
float:left;
margin:0 14px 0 14px;
padding:0 10px 20px 10px;
background:url(images/home_block_bg.gif) no-repeat center bottom;
}

无论输入的数据/文本长度如何，我如何修复列的长度？

Answer 1

你可以添加一个max-height和overflow: auto; 要限制高度的标签，如下所示：

.home_section_left {
    max-height: 300px;
    overflow: auto;
}

这将限制div高度并在必要时将滚动条应用于它

Answer 2

希望这有助于满足您的需求，

.home_section_left 
{
width: 270px;
height: 200px;
float: left;
margin: 0 14px 0 14px;
padding: 0 10px 20px 10px;
overflow: hidden;
background: url(images/home_block_bg.gif) no-repeat center bottom;
}