Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 强制Div宽度大于边距自动宽度_Html_Css - Fatal编程技术网

Html 强制Div宽度大于边距自动宽度

Html 强制Div宽度大于边距自动宽度,html,css,Html,Css,嗨,我有一句话想放在我的网站上。虽然我试过一些方法,比如z-index,位置:fixed等。我似乎无法让这条线跨越整个浏览器的长度,而网站900px;的边距自动宽度仍然保持不变;。他们无论如何都要“覆盖”900的边距宽度,使行在静态时跨越整个网站。我也试着把div从body标签上取下来,但这似乎也不起作用 .line { position: static; background-color: #d1d1d1; width: 100%; height: 1px;

嗨,我有一句话想放在我的网站上。虽然我试过一些方法,比如z-index,位置:fixed等。我似乎无法让这条线跨越整个浏览器的长度,而网站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;
}

如果线条是你身体的一部分,那么宽度:100%将使其成为900px(你在身体上设置的宽度)

解决方法是将正文宽度设置为100%,然后为主要内容创建一个包装器(宽度为900px),并为整个宽度的行创建一个单独的行div

增加了一把小提琴:

您的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;
}

谢谢这帮了大忙。