背景色は

Question

.header { 
 
    background-color: #000000; 
 
    color: #fff; 
 
    text-align: right; 
 
    font-weight: bold; 
 
    font-size: 17px; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 

 
.header>ul { 
 
    list-style: none; 
 
}

<div class="header"> 
 
    <ul class="nav"> 
 

 
    <!--white logo part--> 
 
    <li><span class="logo">@Brightest East</span></li> 
 

 
    <!--username part--> 
 
    <li><a href="#"><span class="glyphicon glyphicon-user"></span>&nbsp; <?php if($_COOKIE['hwi']){echo $_COOKIE['hwi'];} ?></a></li> 
 

 
    <!--log out part--> 
 
    <li><a href="logout.php?logout"><span class="glyphicon glyphicon-log-out"></span>&nbsp; Logout</a></li> 
 

 
    </ul> 
 

 
</div>

背景色は私のサーバー上で動作していない私のサーバー上でのみ動作していません。

すべてが白で左に表示されます。

でも私のCSSコードでは、私は背景色を選択した黒と右です。

Answer 1

は、あなたのサイトにこのCSSを追加します。

.header:after { 
    content: ''; 
    display: block; 
    clear: both; 
} 

あなたのヘッダーにulフロートをクリアしていません。