为什么居中对齐无效：/*设置堆叠为1，优先级在canvas之上，即可保证div显示在其之上*/ #container{ width:680px; background:#fff; padding-bottom:0px; height:550px; position: absolute; margin:2% auto; z-index:1; border-radius: 10px; box-shadow: 0 0 0 5px DeepPink,0 0 0 10px DodgerBlue,0 0 0 15px DeepPink; }

根据您提供的代码，无法确定为什么居中对齐无效。但是，根据您提供的代码，我可以给您一些可能的原因：

1. 没有设置父元素的宽度，如果父元素宽度为0，那么居中对齐将无效。

2. 您使用了 `position: absolute`，但是没有设置 `left` 和 `right` 属性或 `top` 和 `bottom` 属性，这样无法确定元素的位置。

3. 您的 `margin: 2% auto` 可能被其他样式覆盖了，导致无法居中对齐。

您可以检查一下以上三个原因，看看是否有解决问题的方法。同时，您也可以提供更多的代码和上下文，让我更好地帮助您解决问题。

相关问题

为什么居中对齐无效：/*对body默认设置*/ body{ margin:0; padding:0; background:#f1f1f1; font:70% Arial, Helvetica, sans-serif; color:#555; line-height:150%; text-align:left; } /*设置点击连接后颜色变化*/ a{ text-decoration:none; color:#057fac; } a:hover{ text-decoration:none; color:#999; } /*设置h1和h2标签大小*/ h1{ font-size:140%; margin:0 20px; line-height:80px; } h2{ font-size:120%; } /*设置堆叠为1，优先级在canvas之上，即可保证div显示在其之上*/ #container{ width:680px; background:#fff; padding-bottom:0px; height:550px; position: absolute; margin:2% auto; z-index:1; border-radius: 10px; box-shadow: 0 0 0 5px DeepPink,0 0 0 10px DodgerBlue,0 0 0 15px DeepPink; }

根据您提供的代码， `#container` 应该是可以居中对齐的，因为它的 `margin` 属性被设置为 `2% auto`，这将使其在水平方向上居中对齐。但是，您也需要确保它的父元素具有足够的宽度，以便容纳 `#container` 元素。

如果您仍然无法使其居中对齐，您可以尝试以下几个步骤：

1. 检查父元素的宽度是否够大，以容纳 `#container` 元素。

2. 检查其他样式是否覆盖了 `#container` 的 `margin` 属性。

3. 检查其他元素是否影响了 `#container` 元素的位置。

如果您仍然无法解决问题，您可以提供更多的代码和上下文，让我更好地帮助您解决问题。