我的目标是width:1008px
在所有显示器上实现固定宽度的布局。这是我的 HTML-
<body>
<div id="god_container">
<div id="root">
... all content ...
</div>
</div>
</body>
和 CSS -
#god_container{
background:url("/site_media/images/bg-1008.png") repeat-y scroll center center #D4D9DD;
margin:auto;
position:static;
width:auto;
}
#root {
background-color:#FFFFFF;
margin:auto;
width:1008px;
color:#000000;
font-family:Verdana,Arial,sans-serif;
font-size:10pt;
}
body{
color:#373737;
font:16px arial;
line-height:1;
background-color:#D4D9DD;
}
我以为这会解决它。但是当我渲染时,root
css 不坚持1008px
价值。根background-color
也不会显示为#FFFFFF
即白色。它仍然显示我body
的 background-color
. 我究竟做错了什么?
更新:对于任何有兴趣的人,我都在http://www.dynamicdrive.com/style/layouts/category/C12/找到了出色的现成 CSS 布局