Html 两个div不能并排浮动

我不确定我在哪方面做得不够，但我不明白为什么我的两个div不能并排浮动

我在这里创建了一个JSFIDLE：

Pinterest Banksy 90年代有机鼠尾草。。。。

---

谢谢大家!

你的一个div的右边填充使它们加起来超过100%并被包装起来。你可以用不同的方法，比如在50%的div中放入一个较小的div，这会造成麻烦。

有时候，当你以百分比设置宽度时，浏览器会将其解释为一个大于100%的数字，并将其换行。此外，任何添加的填充都会触发它

考虑：

.contentImage {
    width: 49.5%;
    padding: 0;
}

.content { width: 49.5%; }

---

我们需要查看每个div元素的CSS。您还需要将.contentImage和.content放在它自己包含的div中-这样div元素就会知道它的限制在哪里。解决这个问题的方法是在“.contentImage img”中添加边距。谢谢！我将两个div的宽度都设置为50%，这似乎解决了问题。再次感谢@ryandonohue解决方案还包括将

框大小：边框框
（-moz-box大小：FF边框框）添加到divs中，这意味着如果将宽度设置为50%，则填充将包含在此宽度中。我发现在使用百分比时使用方框大小确实是最简单的解决方法。
.contentImage {
    width: 49.5%;
    padding: 0;
}

.content { width: 49.5%; }