HTML CSS3 - 为什么页脚背景颜色不起作用?

标签 html css colors background footer

<分区>

我正在尝试将页脚背景颜色设置为与白色不同的颜色。它不起作用。我已成功更改其他布局元素的背景,但页脚有问题。

这是一些代码:

<footer>
<div id="left"><p>Some_left_text</p></div>
<div id="right"><p>Some_right_text</p></div>
</footer>

页脚的 CSS:

footer {    
    background-color: yellow;
}

#left { 
    float: left;    
    margin-left: 180px;
}

#right {
    float: right;
    margin-right: 180px;    
}

#left, #right p {
    letter-spacing: 5px;    
}

最佳答案

您正在使用 float div,因此页脚的高度为 0。

您只需在页脚中添加最小高度即可解决此问题。

footer {    
    background-color: yellow;
    min-height: 40px
}

关于HTML CSS3 - 为什么页脚背景颜色不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43734354/

上一篇:javascript - 切换切换另一个切换

下一篇:javascript - CSS 过渡效果仅为框阴影颜色

相关文章:

c++ - 带有片段着色器的 OpenGL 3.3 不同颜色

linux - 临时为 Linux 终端前景和背景文本着色

javascript - 将 Table1 th 宽度连接到 Table2 td 宽度

html - CSS3 - 变换问题 - Div 定位

html - 悬停在图像上结束后缓慢更改 z-index 值

html - 乌里 :hover Unstable Look

javascript - 当前菜单项更改容器 <div> 背景图像

jquery - 如何阻止 jquery 覆盖 CSS 颜色?

jQuery 悬停动画 : Can't animate opacity and background position simultaneously

jquery - 下拉菜单 - jQuery/CSS