漂浮物出现在元素的背景上

Question

查看this JSBin示例。如果我浮动一个元素，它将移动它周围的文本（就像它应该）但它仍然会出现在元素的背景上，这是我不想要的。我该如何解决这个问题？

Answer 1

您应该将overflow:hidden添加到背景延伸到浮动后面的元素。在您的情况下，这将是您的#hello div。

#hello {
 background-color: #ffc; 
 padding: 1em;
 overflow:hidden;
}

http://jsbin.com/izedip/3/edit#preview