自动输入带有css div的主容器
我试图让我的站点的主容器在浏览器窗口变大时自动居中,或者在浏览器窗口变窄时保持在左侧 我如何使用CSS实现这一点 现在大多数网站都这样做,比如bloomingdales.com 当您缩小浏览器时,主容器将保持在左侧,并且只要您在右侧打开浏览器,主容器就会自动居中 谢谢 我的网站:www.tahara.es自动输入带有css div的主容器,css,html,containers,center,Css,Html,Containers,Center,我试图让我的站点的主容器在浏览器窗口变大时自动居中,或者在浏览器窗口变窄时保持在左侧 我如何使用CSS实现这一点 现在大多数网站都这样做,比如bloomingdales.com 当您缩小浏览器时,主容器将保持在左侧,并且只要您在右侧打开浏览器,主容器就会自动居中 谢谢 我的网站:www.tahara.es 添加CSS: body { margin: 0 auto; font-size: 11px; font-family: Arial,Helvetica,Verdana,Sans-serif;
添加CSS:
body {
margin: 0 auto;
font-size: 11px;
font-family: Arial,Helvetica,Verdana,Sans-serif;
color: black;
font-weight: normal;
}
.mainContainer
{
position: absolute;
width: 850px;
min-width: 850px;
margin: 0 auto;
border: 0;
}
这应该做到:
body {
font-size: 11px;
font-family: Arial,Helvetica,Verdana,Sans-serif;
color: black;
font-weight: normal;
}
.mainContainer {
width: 850px;
min-width: 850px;
margin: 0 auto;
border: 0;
}
关键是没有
位置:绝对该属性从正常文档流中删除元素,使其没有父元素<代码>边距:0自动代码>确定父元素的左右边距。把二和二放在一起,你可以看到它们是不相容的。实际上不是,我已经有了。请参阅包含CSS的更新问题。
body {
font-size: 11px;
font-family: Arial,Helvetica,Verdana,Sans-serif;
color: black;
font-weight: normal;
}
.mainContainer
{
width: 850px;
min-width: 850px;
margin: 0 auto;
border: 0;
}