1. 首頁
  2. 問答
  3. webkit中的邊距問題

webkit中的邊距問題

2015-02-10 64 views
1

我的HTML/CSS技能有一個簡單的筆刷。webkit中的邊距問題

的代碼是這樣

HTML代碼：

<!DOCTYPE html> 
<html lang="en"> 
    <head> 

    <title> Margin Problem </title> 
    <link href="doubt1.css" rel="stylesheet" type="text/css"> 
    </head> 

    <body> 
    <div class = "page-header"> 
       Example Header 
    </div> 
    </body> 
</html>

CSS代碼：

h1 
{ 
    color:#FFFFFF ; 
} 
.page-header 
{ 
    background:#9C27B0; 
}

當我在Chrome運行我的文字 「舉例標題」 後，一些白色的空間來從頁面頂部的行，當我檢查元素鉻默認情況下將web頁邊距設置爲8px我可以找到一種方法來減少它？

來源

2015-02-10 tech_boy

回答

1

沒有爲所有的瀏覽器（不僅是WebKit的）body標籤默認保證金價值，重置簡單地使用：

body { 
    margin: 0; 
}

來源

2015-02-10 19:08:30 Stickers

1

你可以改變bodymargin到0像下面的例子：

h1 
 
{ 
 
    color:#FFFFFF ; 
 
} 
 
.page-header 
 
{ 
 
    background:#9C27B0; 
 
} 
 
body { 
 
    margin:0px; 
 
}
<div class = "page-header"> 
 
    Example Header 
 
</div>

來源

2015-02-10 19:08:51 indubitablee

0

這些都是一些有用的規則對於CSS：

body { 
    margin: 0px; 
    padding: 0px; 

    /* Optional, leaves zero whitespace when using display: inline-block; */ 
    font-size: 0px; 
}

來源

2015-02-10 19:11:38 Berendschot

相關問題

 相關問題