*未知保證金CSS源

我有不必要的8像素上邊距一個html文件：*未知保證金CSS源

enter image description here

當我檢查它，它顯示了這樣的事情：

enter image description here

什麼源代碼是「用戶代理樣式表」？

編輯

我的壞，我犯了一個錯誤時，查找和替換<%#爲，我bootstrap.css被註釋掉。

<script src="/js/jquery.min.js"></script> <!-- http://api.jquery.com/ ?> 

<link href="/css/bootstrap.min.css" rel="stylesheet"> 
<script src="/js/bootstrap.min.js"></script> <!-- http://getbootstrap.com/getting-started/ -->

來源

2014-11-17 Kokizzu

圖像不可見，您能否顯示您的代碼？ – RahulB

默認情況下，body元素具有8px的邊距。

可以通過添加一些CSS重置：

body { margin: 0; padding:0 /* for opera */ }

Here is a chart from the spec示出施加到元件

默認規則（注意規則：body { margin: 8px }）

來源

2014-11-17 09:59:27 Danield

請注意，某些瀏覽器（例如Opera）在主體上使用填充而不是邊距。 – Guffa

@Guffa - 你是指歌劇的前眨眼版本還是當前版本？ – Danield

我還沒有測試過最新版本，但是我找不到任何有關默認值已更改的參考。無論哪種方式，Blink引擎是如此之近，以至於只覆蓋邊距仍然不安全。 – Guffa

用戶代理樣式表是由設置瀏覽器爲默認。您可以通過重置覆蓋此默認用戶代理樣式。在你的情況下，你可以在你自己的樣式表中指定。

body { 
    margin:0; 
}

對於全球用戶代理樣式表復位的例子點擊here

來源

2014-11-17 10:00:47

每個瀏覽器都有其默認的margin，padding等價值觀。如果你想避免這種情況，你應該重置它。像bootstrap這樣的助手有重置這個的規則。

來源

2014-11-17 10:01:26

用戶代理樣式表是由瀏覽器本身決定的原生樣式。

擺脫它，你需要做以下之一：

設置body { margin: 0; }自己在你的樣式之一，
使用CSS復位，如夢幻般的Normalize.css by Nicolas Gallagher。

來源

2014-11-17 10:01:46 tomekwi

由於回答了here，您的用戶代理樣式表就是您的瀏覽器。通常，每個瀏覽器都默認啓用了一些樣式表，您可以使用重置樣式表（例如Meyer Reset CSS）來解決問題。

來源

2014-11-17 10:02:09 Nomce

用戶代理樣式表是瀏覽器中的默認樣式。所有瀏覽器在body元素上都有一個默認邊距或填充。如果要覆蓋它們，應指定兩者：

body { margin: 0; padding: 0; }

來源

2014-11-17 10:02:26 Guffa

這些樣式來自用戶代理樣式表。對於不同的瀏覽器可能會有所不同。您可以通過爲正文元素添加自定義樣式來覆蓋樣式

body { 
    margin: 0px; 
}

來源

2014-11-17 10:02:39

*未知保證金CSS源

回答

相關問題