看看this JSBin 示例。如果我 float 一个元素，它会移动它周围的文本(就像它应该的那样)，但它仍然会出现在元素的背景上，这是我不想要的。我该如何解决这个问题？
最佳答案
您应该将 overflow:hidden 添加到背景延伸到 float 后面的元素。在您的情况下，这将是您的 #hello div。
#hello {
background-color: #ffc;
padding: 1em;
overflow:hidden;
}
http://jsbin.com/izedip/3/edit#preview
关于html - float 出现在元素的背景上，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8295876/