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

【问题标题】：Forcing Div width bigger than Margin-auto width强制 Div 宽度大于 Margin-auto 宽度
【发布时间】：2014-12-19 18:55:07
【问题描述】：

您好，我想在我的网站上添加一行。虽然我尝试了一些东西，比如 z-index、位置：固定等。我似乎无法让这条线跨越整个浏览器长度，同时仍然具有网站 900px 的边距自动宽度；。他们无论如何要“覆盖” 900 的边距宽度，并让线条在静态时跨越整个网站。我也尝试将 div 从 body 标签中取出，但这似乎也不起作用。

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

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

【问题讨论】：

标签： html css

【解决方案1】：

如果线条是你身体的一部分，那么 width:100% 将使它成为 900px（你在身体上设置的宽度）

他们的方法是将正文宽度设置为 100%，然后为您的主要内容创建一个包装器（宽度为 900 像素），并为整个宽度的行创建一个单独的行 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;
}

【讨论】：

谢谢！这帮助很大。