Question

我的底部边框丢失了。我已经尝试了一切。现在我只是做出了愚蠢的改变。此外，我的导航链接是向后的。我已经阅读了关于此的堆栈溢出帖子，但没有什么对我有用。他们应该是家庭关于我们我们的服务...但他们是相反的。

/* 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;
}

Answer 1

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

至于出现在崇拜中的元素;这是因为你float他们在右边。请改用float: left，你会没事的。如果您希望元素显示在右侧但仍使用其原始顺序，请将float: right设置为其父元素（ul）。

边界的底部缺失

1 个答案: