在另一个div里面让一个div向左浮动

Question

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

我试图在较大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%;
}