2014-04-20 27 views
2

好了,所以我已經開始了desingning從頭與HTML和CSS網站HTML CSS聯合國預計將在左側和頂部需要缺口修復

這裏是什麼,我至今

鏈接https://c9.io/ashg1990/secure/workspace/client/index.html

,這裏是低於

HTML文件

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

<head> 
<link rel="stylesheet" type="text/css" href="css/style.css"> 
<meta charset="utf-8" /> 

<title>ARG Modular</title> 

</head> 

<body> 


    <div class="head"> 
    <img class="header" src="img/headlogo.png" alt="logo" /> 

    </div> 



</body> 

</html> 
我的代碼

和css文件

body { 
    background-color:#A8A1A3; 
    width:110%; 
} 
div.head { 
      background-image: -webkit-gradient(
linear, 
left top, 
left bottom, 
color-stop(0, #FFFFFF), 
color-stop(1, #A8A1A3) 
); 
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #A8A1A3 100%); 
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #A8A1A3 100%); 
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #A8A1A3 100%); 
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #A8A1A3 100%); 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #A8A1A3 100%); 
width:110%; 

} 

img.header { 

display: block; 
margin-right: auto; 

} 

如何解決它,所以它確實沒有周圍有<div class="head">

回答

2

你需要身體邊距設置爲0時也應該做到填充用同樣的差距。

body { 
    margin: 0; 
    padding: 0; 
} 

您也可能要考慮使用類似normalize.csscss reset

+1

我還會加上'padding:0'。 –

+0

也許,我放在最低限度 - 會更新。 –

+0

@downvoter,如果您認爲我有不正確的地方,請留下評論,我想知道。 –