Css 为什么可以'；我不能使用边距：自动将此分区居中吗？

谷歌做的第一件事就是

margin:auto

我试过了，但没用

使用inspector，似乎其中一个子元素占据了包含div的整个宽度

我想这可能就是问题所在。这让我问我如何才能阻止这个子元素占用它没有使用的所有宽度

以下是一些可能相关的代码：

<style>
#pub_fm{
  margin: auto;
}
#pub_fm_tags{
  position:  relative;
  width:  370px;
}
#pub_fm_foo{
  margin-top:10px;
  position:  relative;
  clear:  both;
}
#pub_fm_space{
  height:  10px;
  clear:  both;
}
</style>

    <div id='body_public'>
      <div id = 'pub_fm'>
        <div id = 'pub_fm_tags'></div>
        <div id = 'pub_fm_space'></div>
        <div id = 'pub_fm_arcmarks'></div>
      </div>
    </div>

#酒吧{
保证金：自动；
}
#pub_fm_标签{
位置：相对位置；
宽度：370px；
}
#酒馆{
边缘顶部：10px；
位置：相对位置；
明确：两者皆有；
}
#pub_fm_空间{
高度：10px；
明确：两者皆有；
}

您还需要在元素上设置

宽度

属性，以便

边距：0自动开始工作

因此，请加上：

#pub_fm{
  width: 1000px; // Set the width you want
  margin: 0 auto;
}

它甚至适用于
width:auto和百分比宽度<代码>宽度：75%：

#pub_fm{
  width: auto;
  margin: 0 auto;
}

#pub_fm{
  width: 75%;
  margin: 0 auto;
}

一些实际的代码会更好，屏幕截图上的容器似乎居中，不是吗？您可以进一步减小其
宽度
以更清晰地看到它。@cadegalt动态是什么意思？您可以使用百分比
宽度：75%
@cadegalt您可以定义自动宽度。检查更新的答案。@cadegalt它将允许它扩展其内容。如果您还需要最小宽度，您还可以定义最小宽度属性。@cadegalt基于您的图像，您想要什么？在图像中，它已经居中了？