gpt4 book ai didi

html - 整个网页左侧不需要的边距/间隙

转载 作者:行者123 更新时间:2023-11-28 04:56:48 31 4
gpt4 key购买 nike

刚开始制作网站时,整个左侧都有几个像素的边距,但我不明白为什么。

http://jsbin.com/elufob/1/

任何建议将不胜感激

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>

最佳答案

你的 body 标签有 margin: 8px; 只需在你的 css 中添加

body {
margin: 0;
}

关于html - 整个网页左侧不需要的边距/间隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40350654/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com