由於某種原因，我的網頁被框爲5 - 10像素的邊框

我一直在這個問題上的一些項目即時通訊工作。由於某種原因，我的網頁被框爲5 - 10像素的邊框

確定其基本問題，並試圖尋找答案，但無濟於事。

在其條款內容頁面的代碼是：

HTML

<html> 
    <head> 
    <link rel="stylesheet" href="cssbin/default.css" type="text/css"> 

    </head> 

    <body> 

     <header> 
     </header> 

     <nav> 

     </nav> 

     <section> 


     </section> 

     <footer> 

     </footer> 
    </body> 
</html>

CSS：

body { 
    background-color: #B3BDE6; 
} 

header { 
    height: 200px; 
    background-color: #020C36; 
} 

nav { 
    height:100px; 
    background-color: #7A8FE6; 
} 

section { 
    height:500px; 
    background-color: #2B314D; 
} 

footer { 
    height: 200px; 
    background-color: #020c36; 
} 

body, header, nav, section, footer { 
border: 1px solid black; 
}

下面的網頁顯示什麼即時通訊談論：

http://virtualharrogate.co.uk/template.php

谷歌瀏覽器的頁面被陷害，即時通訊不知道這是否發生在每個瀏覽器，但我需要糾正鉻的問題，如果沒有別的...

我問爲什麼邊界那裏（因爲我明顯缺少指向某個地方）以及如何解決問題？

我嘗試使用css屬性width: 100%; & height: 100%;設計頁面，但仍然沒有任何結果。

在此先感謝

來源

2012-07-05 scriptmonkey

'體{餘量：0; }'？我錯過了什麼？ – 2012-07-05 20:57:18

「我問爲什麼在那裏的邊界（因爲我明顯錯過某處某處）」 – scriptmonkey 2012-07-05 21:07:33

啊，好吧。正如Abhisek指出的那樣，這是一個「恰到好處」的項目，（儘管文件不會撞到窗口鉻），但很容易被清除掉。 – 2012-07-05 21:29:39

這是因爲在默認情況下body有margin:8px。

這是默認的樣式表 - http://www.w3.org/TR/CSS21/sample.html

只需添加一個margin:0;造型加以糾正。

你應該在應用自定義css之前使用某種css重置。這是正確的方式去做東西。

結賬Initializr。它提供了再加上很多，包括IE6 +的兼容性/回退等

來源

2012-07-05 20:57:24 abhshkdz

謝謝Abhishek Das會在我可以投票的時候投票 – scriptmonkey 2012-07-05 21:08:03

乾杯隊友。 :) – abhshkdz 2012-07-05 21:12:18

尼斯更新的答案以及...非常感謝您的信息...即時通訊使用從960網格重置，並沒有明白這一切的重要性之前... 希望你可能會得到一些東西這...我發現這個網站非常有見地和有用www.codiqa.com – scriptmonkey 2012-07-05 21:55:44

看看你的CSS的最後一行：

body, header, nav, section, footer { border: 1px solid black; }

這將周圍所有這些元素的1像素邊框。嘗試從該行刪除身體。

來源

2012-07-05 21:00:03

只是使用body {margin: 0;}或body {margin: auto;}

來源

2012-07-05 21:02:59 accraze

由於某種原因，我的網頁被框爲5 - 10像素的邊框

回答

相關問題