我在一个容器 div 中有 3 个 div。第一个向左浮动,第二个向右浮动,最后一个位于中间。这会在一个容器 div 中创建 3 个大约均匀的 div。
在这些 div 中的每一个中,我都放置了不同高度的图像。然后有一个单独的 div 位于容器 div 下方,它将是全宽(称为描述 div)。
我希望容器 div 拉伸到最大图像 div 的高度,以便描述 div 很好地位于图像下方。目前,当左侧浮动和中间 div 包含最大的图像但不适用于右侧浮动 div 时,此方法有效。我不明白为什么或我缺少任何帮助将不胜感激。
注意:我试图在不使用任何绝对值的情况下执行此操作,仅使用百分比。所以我不想向容器 div 声明绝对高度!clear's 也不起作用,因为这被简化了,实际上还有很多其他的 div 容器围绕着所有这些等等,除非你可以只清除上面嵌套 div 中的浮动。
这是代码:
<html>
<head>
<style>
#b_pics {
border: 2px solid grey;
width: 100%;
}
#b_pic1 {
border: 0px solid grey;
float:left;
width:33%;
}
#b_pic2 {
border: 0px solid grey;
margin: 0px auto;
width: 33%
}
#b_pic3 {
border: 0px solid grey;
float:right;
width:33%;
}
#b_website {
border: 1px solid grey;
width:100%;
}
</style>
</head>
<body>
<div id='b_pics'>
<div id='b_pic1'>
Image 1 here
</div>
<div id='b_pic3'>
Image 3 here
</div>
<div id='b_pic2'>
Image 2 here
</div>
</div>
<div id='b_website'>
Line of text goes here
</div>
</body>
在此先感谢您的帮助,尽量保留我头上的头发!