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引导程序，如果是这样，您的标记是错误的。

<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> 

而且，跨度*是浮动的，所以除非它们是“行”元素里，你需要使用一个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> 

而在去年，你总是可以尝试使用“溢出：隐藏“在集装箱上以使其适应漂浮的儿童。