不需要的边距/缺口左侧的整个网页 [英] Unwanted margin/gap left hand side of entire webpage
本文介绍了不需要的边距/缺口左侧的整个网页的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
刚刚开始制作网站,我在整个左手边都有几个像素的边缘,我无法弄清楚为什么。
Just started making a site and I have margin of a few pixels down the entire left hand side and I cannot figure out why.
任何非常感谢。
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>
推荐答案
您的身体标记有 :8px;
只是在你的css中添加
You body tag have margin: 8px;
just add in your css
body {
margin: 0;
}
这篇关于不需要的边距/缺口左侧的整个网页的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文