刪除文字邊緣

我想刪除#header周圍的邊距。它應該與#content框中的邊距相同。首先，我不明白，爲什麼＃頭文件和＃內容具有不同的邊距。刪除文字邊緣

任何指針是欣賞

#box { 
 
    background-color: lightgreen; 
 
} 
 

 
#header { 
 
    background-color: grey; 
 
    float: right; 
 
    width: 150px; 
 
    text-align: center; 
 
    padding: 0; 
 
    margin: 0; 
 
} 
 

 
#content { 
 
    background-color: lightblue; 
 
    clear: both; 
 
}

<div id="box"> 
 
    <div id="header"> 
 
    <p>Header</p> 
 
    </div> 
 
    <div id="content">Content</div> 
 
</div>

https://jsfiddle.net/datvLg9r/1/

來源

2017-02-18 Tim

默認情況下'p'元素有餘量。 –

好吧，我只是需要刪除/定義他們'p' – Tim

可能重複[如何刪除內嵌塊元素之間的空間？]（http://stackoverflow.com/questions/5078239/how-to-remove -the-空間內聯間 - 嵌段 - 元素） – Banzay

<p></p>標籤有餘量，所以你必須設置爲margin:0 p元素。

來源

2017-02-18 16:43:58

這隻針對帶有ID標頭的div內的p元素並刪除邊距。

#header p { 
    margin: 0; 
    }

看到演示https://jsfiddle.net/datvLg9r/1/

來源

2017-02-18 16:48:18

更新HTML如下 - 刪除p元素會工作。

<div id="box"> 

<div id="header">Header 
</div> 

<div id="content">Content</div> 

</div>

來源

2017-02-18 16:49:16 jjj

刪除文字邊緣

回答

相關問題