Question

目前正在教自己如何编码所以它可能不是最干净的，但是虽然我认为我已经掌握了一些东西，但我无法弄清楚为什么会出现白色边框/ padding /我页面正文周围的任何内容。

假设它与id main有关，因为导航是在体内，但它是唯一没有边框的东西。边框不是围绕每个单独的部分，而是围绕整个页面的外部，但顶部除外。

不推广网站，但如果我没有正确解释情况，你可以在http://lifelongvagabonds.com

看到我的意思

CSS代码（不是全部;只是我认为重要的部分）：

#header {
  position: relative;
  height: 25px;
  margin-bottom: -25px;
  width: 100%;
  clear:both;
  border-top: 1px solid #696969;
  background-color: #000000;
  text-align: center;
}

#nav {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #000000;
  background-repeat: no-repeat;
  text-align: center;
}
body {
  font-family: Oswald;
  height: 100%;
  width: 100%;
  margin:0;
  padding:0;
  background-color: #4fd4c0;
 }

#main {
  font-family: Georgia, serif;
  width: 100%;
  float: center;
  font-size: large;
  margin-top:41px;
  background: #4fd4c0 url("file:///home/mri/Desktop/lifelongvagabonds/pics/bg.jpg")  repeat-y; /*  */
  background-size: 100%;
  border-radius: 0;
  overflow: auto;
  color: #1c1d1c;
}

#section {
  width: 55%; 
  min-width: 320px;
  float: left;
  margin-left: 8%;
  padding: .5% 1.5% .5% 1.5%;
  display: inline-block;
  min-width: 280px;
  background-color: #ffffff;
  margin-top: 1%;
  margin-bottom:2.5%;
}
#footer {
  position: relative;
  bottom: 0;
  height: 50px;
  width: 100%;
  border-top: 1px solid #696969;
  background-color: #000000;
  text-align: center;
  color: #ffffff;
}
#aside {
  width: 23%;
  min-width: 200px;
  margin-right: 8%;
  float: right;
  background-color: #dff3f0;
  padding: .7%;
  margin-top: 1%;
  text-align: center;
  display: inline-block;
}

干杯， MRI

全身不需要的边框

0 个答案: