自动输入带有css div的主容器

自动输入带有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实现这一点

现在大多数网站都这样做,比如bloomingdales.com

当您缩小浏览器时,主容器将保持在左侧,并且只要您在右侧打开浏览器,主容器就会自动居中

谢谢

我的网站:www.tahara.es


添加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;
}