0

我的底部边框不见了。我什么都试过了。现在我只是在做一些愚蠢的改变。加上我的导航链接是向后的。我已经阅读了有关此的堆栈溢出帖子，但没有什么对我有用。它们应该是首页 关于我们 我们的服务......但它们被颠倒了。

/* HEADER AREA
---------------------------------*/
#header {
position: absolute;       
    float: left; 
    width: 100%;     
    height: 185px;
    padding: 0px;
    margin: 0px;
    background-color: #b2c248;
        border-style: solid;
    border-bottom: 1px thick #ff00ff;
    z-index: -1;

/* MAIN NAVIGATION
---------------------------------*/
#nav {
    float: right; 
    width: 100%;
    <!-- width: 900px; -->
    height: 53px;
    padding: 0px;
    margin: 0px;
}

#nav ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#nav ul li {
    float: right; 
    line-height: 53px;
    padding: 0 50px 0 0;
}
4

1 回答 1

3

这是因为thick不是有效的border-style. 例如，将其更改为，solid它应该是可见的。

至于出现在reverse中的元素；这是因为你float他们在右边。改用float: left，你会没事的。如果您希望元素出现在右侧但仍使用其原始顺序，请改为设置float: right为其父元素 (the ul)。

于 2013-10-20T20:34:44.547 回答