0

ブートストラップを使用して 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>

どのスタイルでも何も機能しません。私を助けてください..

4

1 に答える 1

2

使用しているクラスによって、これは twitter ブートストラップであると想定しています。そうであれば、マークアップが間違っています。

<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" を使用して、フロートされた子に適応させることができます。

于 2013-05-03T10:49:18.880 に答える