html - 让一个 div 在另一个 div 中向左浮动

Question

http://codepen.io/anon/pen/BFjCE

我正在尝试将位于此示例底部的 div 放置在较大 div 的右侧。它们都向左浮动，但第二个 div 不会位于较大的 div 旁边。

我猜这与尺寸有关，当我把它变小时它会起作用。

这张图片显示了我的意思

Answer 1

好吧，您已经回答了这个问题，遗嘱的大小很div重要。如果相邻的 div 大小总和超过包含它们的框的可用宽度，它将向下级联。如果您仍然希望它们在同一行中，则必须给出overflow-x

Answer 2

您遇到的问题是这两个宽度实际上超过了 100% 的页面宽度，因为您在宽度上有填充。填充不包括在您为部分指定的宽度60%和40%宽度中，因此浮动超过 100%，因此第二个元素已被按下。

我对您的 CSS.grid-1-2从 60% 更改为 50% 进行了退出编辑，这解决了问题。

.grid-1-2 {
    width: 50%;
}