Html 浮动：左侧未按预期工作

以下是链接：

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;
}

---

有什么想法吗？

您的容器分区只有550px的宽度，因此您的吊舱无法容纳。270+15+15=300px宽度。。。因此，只有1台可以安装在550px中。您很可能希望将其移到容器分区之外。

您的容器分区只有550px的宽度，因此您的吊舱无法容纳。270+15+15=300px宽度。。。因此，只有1台可以安装在550px中。您很可能希望将其移出容器分区。

填充是您的问题。他们所在的容器限制为550px。您已经在播客的左右两侧添加了15px。这使得每个300px的总宽度。因为它们被限制在550px，所以它们可以堆叠。您需要减少吊舱的总宽度+填充物或增加容器的宽度。

填充物是您的问题。他们所在的容器限制为550px。您已经在播客的左右两侧添加了15px。这使得每个300px的总宽度。因为它们被限制在550px，所以它们可以堆叠。您需要减少吊舱上的总宽度+填充物或增加容器的宽度。

什么是“预期”？在一条线上浮动？首先。。。你的期望是什么？什么是“期望”？在一条线上浮动？首先。。。你的期望是什么？