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