Question

嗨所以我有一条线要放在我的网站上。虽然我尝试了一些像z-index，position：fixed等的东西。我似乎无法跨越整个浏览器长度，同时仍然具有网站900px的margin-auto宽度。他们无论如何都要超越＆＃34;边距宽度为900，并且该线在整个网站上是静态的。我也尝试从身体标签中取出div，这似乎也没有用。

.line {
    position: static;
    background-color: #d1d1d1;
    width: 100%;
    height: 1px;
    margin-top: 20px;
}

 body {
 margin: 0px;
 padding: 0px;
 margin: 0 auto;
 width: 900px;
}

Answer 1

如果线条是你身体的一部分，那么宽度：100％会使它变成900px（你在身体上设置的宽度）

他们的方法是将主体宽度设置为100％，然后为主要内容创建一个包装器（宽度为900px），为整个宽度创建一个单独的行div。

添加了一个小提琴：http://jsfiddle.net/xrqezvxz/

你的css看起来像：

 body {
     margin: 0px;
     padding: 0px;
     width: 100%;
    min-height:500px;
}

.line {
    position: fixed;
    background-color: #d1d1d1;
    width: 100%;
    height: 5px;
    margin-top: 20px;
}

.content_wrapper
{
    width:900px;
    background-color:red;
    min-height:500px;
    height:500px;
    margin:0 auto;
}

强制Div宽度大于Margin-auto宽度

1 个答案: