为什么我不能使用margin:auto?

时间:2015-07-16 13:36:03

标签: css

谷歌拉起来的第一件事是

margin:auto

我试过但它没有用。

使用检查器,看起来其中一个子元素占据了包含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>

1 个答案:

答案 0 :(得分:2)

您还需要在元素上设置width属性,以便margin: 0 auto;能够正常工作。

添加:

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

它甚至适用于width: auto;和百分比宽度width: 75%;

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

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