我如何獲得元素忽略邊距？

我的頁面有一個小的邊距，以防止文字靠近屏幕邊緣。但問題是我想讓div開始和結束在屏幕邊緣以獲得像this page上的紫色效果。我的div具有「div1」和「div2」的ID，我可以在CSS中添加什麼來讓div忽略body的邊距，但是仍然有其他所有元素都保留在margin中？我如何獲得元素忽略邊距？

CSS：

* 
{ 
    margin:3px: 
}

來源

2014-02-21 Qwertie

佔優的div你不希望邊距值適用於 – kinakuta

爲什麼不從身體保證金移到包含文字元素的邊距值？那樣的話身體就沒有邊緣可以擔心紫色格子了。 – Wez

*適用於每一個元素。

爲什麼不試試你的意思？

body {margin:3px}

然後，您可以使「紫色區域」這個！

.hug_the_edges {margin:0 -3px}

來源

2014-02-21 08:48:10

你可以有負邊距？ 0_0 – Qwertie

@QwertieϟYup！不能告訴你我多久使用它們！ –

@ Wezly這是錯誤的，W3C說：「保證金屬性的負值是允許的，但可能存在實現特定的限制。」來源：http://www.w3.org/TR/CSS2/box.html#margin-properties –

您可以使用重要忽略以前的CSS標記

* 
{ 
    margin:3px: 
} 
div 
{ 
    margin: 10px !important; 
}

來源

2014-02-21 08:53:10 STP38

是否有一個原因，你無法從body一起刪除保證金？ ..我會 - 然後將邊距添加到另一個包含文字#container的元素。

<style> 

    body { margin:0px; } 

    #container { margin:10px } 

    #purple { width:100%; background-color:purple; color:white; padding:10px; min-height:200px; } 

</style> 

<body> 

    <div id="purple">Some Text</div> 

    <div id="container">Some Text</div> 

</body>

下面是一個例子 - http://jsfiddle.net/Ag3w6/1/

來源

2014-02-21 09:00:17 Wez

我如何獲得元素忽略邊距？

回答

相關問題