为什么这个div继承了900px的宽度？

Question

只有一个相关的地方我将div宽度设置为900 px，它是一个名为#Ba的div上DOM的多个元素。我知道这是从它获得它的地方。

我想要它只是采取它包含的元素的宽度。 div被称为#mi_control。

这个继承几乎覆盖了整个DOM树，所以我只是发布元素及其子元素。

<div id='mi_control' class='radius_all'>
  <p id='mi_cover_l' class='menu_bottom small_dark'>Foo &copy; </p>
  <p id='mi_about_l' class='menu_bottom small_dark'>About</p>
  <p id='mi_privacy_l' class='menu_bottom small_dark'>Privacy</p>
  <p id='mi_team_l' class='menu_bottom small_dark'>Contact</p>
  <p id='mi_arc_l' class='menu_bottom small_dark'>Developers</p>
</div>

我希望mi_control的宽度等于它的子元素。

此处发布了一个解决方案，但我不确定它是否相关 - http://www.quirksmode.org/css/clearing.html。

Answer 1

因为它是一个div，默认情况下，所有div都是块级别，因此它们的父级是100％宽。

如果添加display:inline-block，它将尽可能收缩包装。

#mi_control {
    position: relative;
    width: auto;
    top: 220px;
    left: -20px;
    display: inline-block;
}