沒有通用選擇器無法擺脫頂部填充

HTML：

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <link rel="stylesheet" href="style.css"> 
    <title>Test Page</title> 
</head> 
<body> 
    <div class="textbox"> 
     <ul> 
      <li>Object 1</li> 
      <li>Object 2</li> 
      <li>Object 3</li> 
      <li>Object 4</li> 
      <li>Object 5</li> 
      <li>Object 6</li> 
      <li>Object 7</li> 
      <li>Object 8</li> 
      <li>Object 9</li> 
      <li>Object 10</li> 
     </ul> 
</body> 
</html>

CSS：

html { 
    margin: 0; 
    padding: 0; 
} 
body { 
    margin: 0; 
    padding: 0; 
} 


.textbox { 
    background: red; 
    height: 50px; 
} 


.textbox ul { 
    overflow: auto; 
} 


.textbox li { 
    display: inline; 
}

當我加入到我的代碼本，填充的問題消失了，但我不喜歡使用*選擇。

* { 
    margin: 0; 
    padding: 0; 
}

如何在沒有通用選擇器的情況下襬脫頂部填充？謝謝你的幫助。

來源

2014-02-10 whileloop

您想要使用通用重置。很可能你的''ul'元素仍然有邊距或填充。 –

保證金0適用於UL

ul { 
    margin: 0; 
}

您還可以查看到http://meyerweb.com/eric/tools/css/reset/它派上用場

http://jsfiddle.net/8vsd2/

來源

2014-02-10 21:04:36 Huangism

UL元素有餘量，所以你只需要刪除它是這樣的，它僅僅針對你所針對的ul來移除它。

.textbox ul { 
    overflow: auto; 
    margin: 0; 
}

來源

2014-02-10 21:05:10 joseeight

沒有通用選擇器無法擺脫頂部填充

回答

相關問題