当它的固定宽度和最大宽度被指定时Div对齐

body { 
    margin:0 auto; 
    max-width: 500px; 
} 

.div{ 
    text-align:left; 
    position: fixed; 
    top 0; 
    width: 100%; 
    z-index: 1; 
    display: block; 
    height: 32px; 
}

我的身体宽度是最大500px，我用margin:0 auto;来显示页面居中。但是通过这种方式，顶级固定div并不服从500px的中间规则。
我希望它像全身内容一样固定在中心。
enter image description here
我试图使用*{margin:0 auto; max-width: 500px;}和其他一些更改，但没有得到我想要的。当它的固定宽度和最大宽度被指定时Div对齐

来源

2013-10-28 Mehedi Hasan Nahid

给你代码，无论你尝试过目前为止。 –

代码请？ –

top texts

–

在这种情况下，你不必给最大宽度你的身体试试这个：

<body> 
    <div id="container"> 

    <!--place your div--> 
    </div> 
</body>

CSS：

#container {margin:0 auto; max-width: 500px;}

，当你把你的DIV容器中，然后他们按照最高宽度规则

来源

2013-10-28 08:08:29 Manwal

哇它的工作，谢谢 –

您的规则不相互依赖。他们实际上没有改变任何东西。
max-width是元件可具有的最大宽度。这并不意味着它将有它。
width: 100%表示元素（div）将其父级的宽度取为100％ - 即body。
所以，在你的身体有默认宽度这可能是100％窗口和div.div将从中继承该宽度。
我建议设置这个

body { 
    margin: 0 auto; 
    width: 500px; 
    overflow: visible; 
}

您还必须从格删除position: fixed。 CSS的div应该看起来像这样：

.div { 
    width: 100%; 
    text-align:left; 
    height: 32px; 
}

来源

2013-10-28 08:22:44 matewka

它超过了500px，因为div处于固定位置。如果我删除position: fixed它不会修复我想要的地方！从Deepak Manwal那里得到了答案 –

当它的固定宽度和最大宽度被指定时Div对齐

回答

相关问题