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表示されるはずです。

逆に現れる要素については; それはあなたfloatが右にいるからです。float: left代わりに使用してください。要素を右側に表示するが元の順序を使用する場合は、代わりにfloat: right親要素 ( ul) に設定します。

于 2013-10-20T20:34:44.547 に答える