整個網頁左邊不需要的邊距/間隙

剛開始製作網站時，我在整個左手邊留下了幾個像素的餘量，我找不到原因。整個網頁左邊不需要的邊距/間隙

任何意見，將不勝感激

CSS

html{ 
    min-width: 100%; 
    background-color: #add8e6; 
} 

.navBar{ 
    text-align: center; 
    background-image: linear-gradient(to bottom, #666666 0%, #000000 60%); 
    color: white; 
    border-bottom:solid 1px #666; 
    top:0; 
    height:30px; 
    position:fixed; 
    width:100%; 
    z-index:1000; 
} 

.leftDiv{ 
    clear: left; 
    text-align: left; 
    background-color: blue; 
    float: left; 
    max-width: 26%; 
    display: inline-block; 
    margin-right:2%; 
    margin-left: 0%; 
    margin-top: 2%; 
    border: black; 
    border-width: 5px; 
    border-style: double; 
    border-radius: 5px; 
} 

.middleDiv{ 
    text-align: center; 
    background-color: green; 
    max-width: 70%; 
    float: right; 
    display: inline-block; 
    margin-top: 2%; 
    MARGIN-BOTTOM: 1%; 
    border-style: solid; 
    border: black; 
    border-width: 5px; 
    border-style: double; 
    border-radius: 5px; 
} 

.pageContainer{ 
    width: 100%; 
    min-height: 100%; 
    min-width: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -142px; 
} 

.footer{ 
    background-image: linear-gradient(to bottom, #666666 0%, #000000 60%); 
    color: white; 
    border-top:solid 1px #666; 
    bottom:0; 
    height:15px; 
    padding:5px; 
    position:fixed; 
    width:100%; 
    z-index:1000; 
}

和HTML

<html> 
<link rel="stylesheet" href="psWebCss"> 

<header class=navBar> 
    <a href="http://www.google.com"><img src="http://library.thinkquest.org/10127/media/examples/Button.gif"></a> 
    <a href="http://www.google.com"><img src="http://library.thinkquest.org/10127/media/examples/Button.gif"></a> 
    <a href="http://www.google.com"><img src="http://library.thinkquest.org/10127/media/examples/Button.gif"></a> 
    <a href="http://www.google.com"><img src="http://library.thinkquest.org/10127/media/examples/Button.gif"></a> 


</header>  
<body> 
<div class="pageContainer">  
    <div class="leftDiv">   
    </div> 
    <div class="middleDiv"> 
    </div> 
</div> 
<div class="footer"> 
    Footer Text 
</div> 
</body> 





</html>

來源

2013-05-15 Shuma

你身上的標籤有margin: 8px;只需添加在你的CSS

body { 
    margin: 0; 
}

來源

2013-05-15 13:19:55

三江源！我錯過了非常明顯的事情！ – Shuma

你的身體有8px的餘量;

設定的邊距爲0px，你是金色的css文件

body { 
    margin: 0px; 
}

來源

2013-05-15 13:19:56

謝謝！我錯過了非常明顯的事情！ – Shuma

這將修復它..

body{ 
margin:0; 
padding:0; 
}

廣場這一點。

我認爲最好使用重置樣式表（如果您尚未）覆蓋任何默認瀏覽器樣式，這將導致您的問題。

這是一個很好的 - http://meyerweb.com/eric/tools/css/reset/

來源

2013-05-15 13:23:54 lgkallday

這非常有趣，感謝輸入:) – Shuma

嘗試得到下述風格

CSS

body 
{ 
margin:0px; 
}

CSS

.pageContainer, 
{ 
position:realative; 
right:8px 
} 

.navBar 
{ 
position:realative; 
right:8px 
}

來源

2013-05-15 13:28:19 user2361114

始終添加這兩個系列，使不均勻margin和padding默認設置爲0：

* { 
    margin:0px; 
    padding:0px; 
}

來源

2016-07-14 08:26:06 Abhishek

整個網頁左邊不需要的邊距/間隙

回答

相關問題