不填充整個寬度或身體頂部的標頭

隨機問題我遇到了這個問題，我確信這是我的一個沉悶的外號。我的標題沒有填充到屏幕的頂部或左/右部分，在這些區域留下身體一點點空間。我爲標題內的元素提供了填充和邊距，但試圖最大化標題大小無濟於事。任何想法我可能會失蹤？不填充整個寬度或身體頂部的標頭

謝謝！

HTML：

<body> 
    <header> 
     <a href="index.html" id="logo"> 
     <img src="img/logo.png"> 
     </a> 
</body>

CSS：

*{ 
    boz-sizing: border-box; 
} 

body{ 

    font-family: 'Open Sans', Tahoma, sans-serif; 
    max-width: 100%; 
    background-color: #5F5E5E; 
} 

/*************** 
HEADING 
****************/ 

header{ 
    float: left; 
    margin: 0 0 15px 0; 
    padding: 5px 0 -60px 0; 
    min-width: 100%; 
    width: 100%; 
    } 

#logo { 
margin: 5px 0 0 70px; 
padding-top: 7px; 
padding-left: 50px; 
display: inline-block; 
max-width: 100%; 
}

來源

2015-06-27 Jason

您需要通過瀏覽器來重置默認margins設置：

*{ 
    margin: 0; 
}

DEMO

注意：另外boz-sizing應該是box-sizing;）

來源

2015-06-27 19:25:04 lmgonzalves

不填充整個寬度或身體頂部的標頭

回答

相關問題