Question

我知道这已经在许多地方得到解决，但我修改的模板有点古怪，我相信我知道导致问题的原因。我只是不知道该怎么做才能修复它。

模板将left和right borders设置为200px。我认为它需要做的是再增加两列，而不是那么大的边框。我希望页面两侧的部分灰色线条一直向下，但它们不会。我知道这是因为内容并没有完全消失，但对于我的生活，我无法弄清楚如何处理这个问题。我应该从头开始全部开始吗？

我提前为页面质量道歉，它只是随机提供信息来保存位置。

链接到页面 Site

#container {
width: 950px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
height:100%;
} 
#banner {
    text-align: right;
    background-color: #E39A2D;
    padding: 0px;
    margin: 0px;
    color: #ffffff;
}


/ here is where it goes a little wrong*/
#outer{ 
border-left: solid 200px #E39A2D; 
border-right: solid 200px #E39A2D;
background-color: #ffffff;  
height:100%;
} 

#inner{margin:0; width:100%; height:100%; } 
#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 border-left:2px solid #564b47;
  height:inherit;
  }
 #right {
 width:200px; 
 float:right; 
 position:relative; 
 margin-right:-200px; 
 margin-left:1px;
 border-right:2px solid #564b47;
 height:inherit;

  }
#content{ 
position: relative; 
margin: 0px; 
height:150%;
}

我不打算让它知道如何做整页长度。我只是想把线条一直延伸到左右两侧。

提前谢谢。

Answer 1

您要编辑的边框是#outer div：

中的边框

#outer{ 
border-left: solid 200px #564B47; 
border-right: solid 200px #564B47;
}

无论如何你的代码看起来有点奇怪，使用边框进行布局不是正确的方法，它会给你带来麻烦。看看这个：http://www.barelyfitz.com/screencast/html-training/css/positioning/

CSS格式，边框不会全长

1 个答案: