我有几个 width :100%
的 div。当我运行代码时,我在 div 和页面两侧(右侧和左侧)之间留有空间。
这是我的 html 代码:
<div id="main_pics" class="container">
<!-- photos here -->
</div>
<div id="other1" class="container">
</div>
<div id="other2" class="container">
</div>
这是我的CSS代码:
#main_pics{
margin-top: 57px;
/*background-color: rgb(224,224,224);*/
/*border: 1px solid black;*/
}
.container{
width: 100%;
height: 500px;
background-color: white;
}
#other1{
background-color: rgb(224,224,224);
width: 100%;
}
#other2{
width: 100%;
background-color:fuchsia;
}
我将 #main_pics
设置为 margin-top: 57px
,因为它上面有一个导航栏。
有人知道问题出在哪里吗?
最佳答案
试试这个 CSS:
body, html{
margin: 0;
padding: 0;
}
关于html - div 和页面边之间的空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27864273/