Css 为什么我的容器/包装器的背景没有扩展到所有内容后面_Css_Background Color

Css 为什么我的容器/包装器的背景没有扩展到所有内容后面

css

Css 为什么我的容器/包装器的背景没有扩展到所有内容后面,css,background-color,Css,Background Color,我正在为uni制作一个公文包，而我的容器/包装的背景并没有垂直延伸到足以让它的所有内容都有背景色。我将在下面发布代码，任何帮助都将不胜感激 HTML 我想你在IE方面有问题吧？您缺少doctype声明。如果您按照下面的示例添加一个过渡doctype，它应该可以工作要解决问题，只需将溢出：auto添加到#wrapper #wrapper { background-color:#FFF; padding:3%; -webkit-border-radius: 25px;

我正在为uni制作一个公文包，而我的容器/包装的背景并没有垂直延伸到足以让它的所有内容都有背景色。我将在下面发布代码，任何帮助都将不胜感激

HTML

我想你在IE方面有问题吧？您缺少doctype声明。如果您按照下面的示例添加一个过渡doctype，它应该可以工作

要解决问题，只需将

溢出：auto

添加到

#wrapper

#wrapper {
    background-color:#FFF;
    padding:3%;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display:block;
    margin:auto;
    width:60%;
    margin-top:2%;
    overflow: auto; /* add this line */
}

但是，另一个问题是您使用的是HTML5元素和HTML5 shiv，但您没有使用HTML5 doctype：

<!DOCTYPE html>

基本上，“年份”部分的css属性“float”是这里的坏人

如果我用div替换您的分区，并添加一个额外的div以清除块渲染，则可以：

我有一个doctype声明，我只是不想在这个网站上复制太多的代码。这是网站可见的地方如果你想查看所有代码你的doctype声明不完整，请尝试以下操作：我已重新上传文件，似乎对我不起作用？（我在chrome和firefox中查看？）感谢您的帮助，通过将溢出：自动添加到我的包装解决了问题谢谢您的帮助，通过将溢出：自动添加到我的包装解决了问题

#wrapper {
    background-color:#FFF;
    padding:3%;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display:block;
    margin:auto;
    width:60%;
    margin-top:2%;
    overflow: auto; /* add this line */
}

<!DOCTYPE html>