爲什麼Ul上面的空白區域

那麼爲什麼top bar會下降？我無法找到背後的原因。請告訴我如何解決這個問題？

body { 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 
.top-bar { 
 
    height: 40px; 
 
    width: 100%; 
 
    background-color: yellow; 
 
} 
 
#menu { 
 
    width: 1020px; 
 
    height: : 100%; 
 
    margin: 0 auto; 
 
    background-color: red; 
 
} 
 
ul { 
 
    background-color: red; 
 
    width: 100%; 
 
    height: 40px; 
 
}

<body> 
 
    <div class="top-bar"> 
 
    <div id="menu"> 
 
     <ul> 
 
     <li>Menu1</li> 
 
     </ul> 
 
    </div> 
 
    </div> 
 
</body>

來源

2014-10-11 user3689427

UL元素具有通過從瀏覽器的默認邊距。要刪除，添加風格

ul { 
    margin-top: 0; 
}

來源

2014-10-11 14:05:29 MSTannu

使用這種去除可以被瀏覽器

*{ 
    margin:0; 
    padding:0; 
}

你會得到復位CSS的更多信息here

這裏的列表中給出padding和margin用於重置的css樣式

http://www.cssreset.com/

來源

2014-10-11 14:12:15

爲什麼Ul上面的空白區域

回答

相關問題