Div宽度不适合儿童内容

Question

如何使用bootstrap将div与其内容相匹配。

<div class="row-fluid">
  <div class="span12">
    <div style="<!--tried with inline-block float:left clear:left white-space:nowrap width:auto -->">
      <div class="span6">
        <table>
        </table>
      </div>
    </div>
  </div>
</div>

没有任何风格。请帮帮我..

Answer 1

我认为你使用的类是twitter bootstrap，如果是这样，你的标记是错误的。

<div class="row-fluid">
  <div class="span12">
    <!-- span6 inside span12 will not use up 50% space unless it is the first child of a row --> 
    <div class="row-fluid"> 
      <div class="span6">
        <table>
        </table>
      </div>
    </div>
  </div>
</div>

另外，span *是浮动的，所以除非它们在“row”元素中，否则你需要使用clearfix div

<div class="row-fluid">
  <div class="span12">
    <div style="<!--tried with inline-block float:left clear:left white-space:nowrap width:auto -->">
      <div class="span6">
        <table>
        </table>
      </div>
      <div class="clearfix"></div>
    </div>
  </div>
</div>

最后，你总是可以尝试在容器div上使用“overflow：hidden”来使其适应浮动的孩子。