html - 具有 2 个 Div Html 的 DIV 上未显示背景

标签 html css css-float

我有一个“容器”DIV,它有 2 个内部高度不同的 float DIV,当我在“容器”DIV 上应用背景属性时,它不起作用。

<div id="container">
    <div id="left"></div>
    <div id="right"></div>
</div>

enter image description here

http://jsfiddle.net/arthurg/XUmsU/

如何在容器上显示背景(使用 CSS)?

最佳答案

添加溢出:隐藏;到容器。像这样:

#container{
    height:100%;
    background:red;
    overflow:hidden;
}

关于html - 具有 2 个 Div Html 的 DIV 上未显示背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15799141/

相关文章:

javascript - 将绝对布局转换为使用 float

python - Django:由模板组成的模板

html - 给字段集的标题一个背景色

html - 文本不换行在表格布局中,溢出

html - float 在 HTML5 部分旁边

html - css 中的边距是清除图像下空间的正确方法吗?

html - 自定义 joomla 模板框架

javascript - 如何使用jquery选择第n个 child

html - 如何设置文件输入的样式?

html - WordPress 隐藏 IMG