CSS填充完全顏色的div

<h:head> 
    <title>Facelet Title</title> 
    <style> 
     .top{ 
      margin: 0; 
      padding: 0; 
      background-color: blue; 
      height: 15px; 
      width: max-content; 
     } 
    </style> 
</h:head> 
<h:body> 
    <div id="header" class="top" > 

    </div> 

    <div id="content" class="middle"> 

    </div> 
</h:body>

所以，我試圖用整個div的顏色填充，但我總是在它周圍獲得一個白色邊框。我怎樣才能做到這一點？CSS填充完全顏色的div

來源

2017-02-22 Radu Soigan

你正在重置您的CSS？有沒有一個鏈接可以發佈，供我們詳細瞭解？ – zJorge

請擴大您的描述。你想要一個藍色的背景和div周圍的白色邊框？ –

下應添加到您的CSS文件，瀏覽器填充/保證金添加到他們的看法。

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

來源

2017-02-22 22:37:22

謝謝，這解決了它 –

除了什麼倫納特回答，您需要確保沒有其他CSS造成這個問題，採取了這一點：

https://developer.mozilla.org/en-US/docs/Web/CSS/max-width

MDN指出，max-content是一個實驗性API不應該用於生產代碼。除非你故意使用實驗性API，否則我會建議你堅持使用百分比值，繼承值或顯式值。

來源

2017-02-22 22:44:05 Nol

，如果你的意思是你要刪除的div周圍用星號*

*{ 
    margin: 0; 
    padding: 0; 
}

保證金，但如果這是要你想要的，目前尚不清楚。

來源

2017-02-22 22:54:40 tuv

值得一提的是*星號*（或'星號'）是一個「全選」的CSS選擇器。本主題涵蓋了它：http://stackoverflow.com/a/1204290/4970964 – Nol

-1

我也建議你確保遵循HTML約定。

您目前有這樣的：

<div id="header" class="top" > 

</div>

你應該清理的間距，使其看起來像這樣：

<div id="header" class="top"> <!--Notice that I cleaned up the spacing here --> 
</div>

來源

2017-02-23 15:41:36 maecapozzi

這不是一個真正的HTML慣例......這是一個間距偏好。 – Nol

@Nol，我認爲所有的約定基本上只是某人的偏好，已經成爲規範。僅僅因爲有人不遵守約定並不意味着他們的代碼將無法工作。我認爲你會很難找到一個建議OP的間距是正確的HTML指南。我還要指出，這只是一個建議，OP可以採取或者離開。 – maecapozzi

CSS填充完全顏色的div

回答

相關問題