html - 当其中的 div 向左浮动时,Div 不会扩展到其内容的底部

标签 html css css-float

我有 2 个 div 作为列,都向左浮动并设置为不清除。他们的容器 div 在顶部有一个背景图像,因此背景位于两列的顶部。

我希望在列的底部也有一个背景图像。我创建了另一个 div,它位于容器 div 内部(但在列之外),并在其底部设置了背景图像。

问题是这个 div 没有扩展到它包含的列的底部。我怎样才能让它做到这一点?我试过玩花车和清理,但没有任何运气。

谢谢

最佳答案

除了其他人已经提到的技术之外,您还可以将 overflow:hidden 添加到父容器的样式中。

这是一个众所周知的 CSS 怪癖:这里是一个完整的处理:http://www.quirksmode.org/css/clearing.html

关于html - 当其中的 div 向左浮动时,Div 不会扩展到其内容的底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5329331/

相关文章:

javascript - 事件类javascript

html - 选择边框颜色

html - 从父选择器获取属性是使用内容 :attr(); 的 CSS

css - 在容器内均匀居中 margin div 的好方法?

html - 溢出 :auto with floats AND overflow:visible

html - 如何将没有设置宽度的列表 block 居中?

javascript - 如果在表格网格中选中复选框,则禁用文本框

javascript - Angular/HTML5 改变页面状态,专注于输入

javascript - JQuery FadeOut 在错误的时间发生

html - 将文本剪切到 CSS 中的 DIV