以下是链接: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;
}
有什么想法吗?
答案 0 :(得分:5)
你的容器div只有550px的宽度,所以你的pod不适合.270 + 15 + 15 = 300px宽度...所以只有1个可以适合550px。您最有可能希望将其移出容器div。
答案 1 :(得分:1)
填充是你的问题。他们坐的容器限制在550px。你已经在你的豆荚左右两侧添加了15px。这使得每个300px的总宽度。因为它们被限制在550px,所以它们堆叠起来。您需要减少窗格上的总宽度+填充或增加容器的宽度。