float:离开不按预期工作

时间:2010-12-17 21:07:53

标签: html css css-float

以下是链接:http://www.iancreates.com/3dbikefit/

div .pod具有以下CSS:

.pod {
background-color: rgba(255, 255, 255, 0.898438);
border-bottom-right-radius: 15px 15px;
border-top-left-radius: 15px 15px;
color: black;
float: left;
font-size: 12px;
padding: 15px;
width: 270px;
}

有什么想法吗?

2 个答案:

答案 0 :(得分:5)

你的容器div只有550px的宽度,所以你的pod不适合.270 + 15 + 15 = 300px宽度...所以只有1个可以适合550px。您最有可能希望将其移出容器div。

答案 1 :(得分:1)

填充是你的问题。他们坐的容器限制在550px。你已经在你的豆荚左右两侧添加了15px。这使得每个300px的总宽度。因为它们被限制在550px,所以它们堆叠起来。您需要减少窗格上的总宽度+填充或增加容器的宽度。