Question

在这个学校项目中，我希望边框包围整个“包装”div，包括页脚。

我已经将一个边框应用于页脚的父ID div =“wrapper”，并且它在浏览器中没有按预期显示（页脚周围没有边框）。当我将光标放在CSS中的“包装器”选择器上时，页脚没有突出显示（我的文本编辑器在chrome中执行此操作），这就是为什么边框不适用于页脚的原因。

我的愿望是解决这个问题，并了解是什么导致了这个问题。链接到以下页面： http://timc-projects.com/final-project-V3/index.html

#wrapper {
    background-color: #FFFFFF;
    width: 85%;
    min-width: 869px;
    height: 1000px;
    margin: auto;
    border: 1px solid #ACACAC;
    padding-top: 0;
    margin-top: 0;
}
footer {
    height:85px;
    color: #FFFFFF;
    background-color: #1a2447;
}
.footer-nav {
    margin-top: 0;
    padding-top: 22px;
    padding-right: 40px;
    font-size: small;
    list-style-type: none;
    text-align: center;
}
li{
    display: inline;
    margin: 0 15px;
}
li a {
    color: #FFFFFF;
    font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
    font-size: 9pt;
}
.footer-p {
    text-align: center;
    font-family: arial, verdana, sans-serif;
    font-size: small;
    font-style: italic;

}

页脚边框未在浏览器中显示

0 个答案: