对于div自适应宽度，网上的说法基本上都是将要自适应宽度的div放在其它固定宽度的最后，不指定其float属性或将float属性指定为none，比如三栏布局居中的一栏为自适应宽度，就可以这样来定义三栏div：

     
      这是左栏
     
     
      这是右栏
     
     
      这是中栏，且自适应宽度
     

效果如下：

但是如果我们增加中栏的文字内容，并且为其添加边框和背景色，就会发现问题了：

     
      这是左栏
     
     
      这是右栏
     
     
      这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。
     

其结果如下：

可以看到，中栏仅有高度小于左右两栏的那部分内容才会自适应宽度，超出左右两栏的高度，就不受控制了，且其真实的宽度仍然是100%，这可以从背景和边框看出来。

不过既然它能允许浮动的两栏在其左右，并与左右两栏相安无事，就有了另一个解决方案，即指定中栏的左右外边距，以为两个侧栏留出位置，而自身内容不必担心会由于超出左右栏高度而失控。

代码如下：

     
      这是左栏
     
     
      这是右栏
     
     
              这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。
     

截图如下：

也可以使用padding（内边距）来实现相同效果，但是需要在中栏中再增加一个子div，为其指定边框和背景，代码如下：

     
      这是左栏
     
     
      这是右栏
     
     
    
      
               这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。这是中栏，且自适应宽度。    
      
     

效果如下：