css自动宽度浮动问题答案

【问题标题】：css auto width floating issuecss自动宽度浮动问题
【发布时间】：2015-10-16 01:29:21
【问题描述】：

请看这张图片

<body>
   <div class="main>
      <div class="left">blah blah </div>
      <div class="right">blah blah </div>
      <div style="clear:both"></div>
   </div>
</body>

CSS 部分：

 .main{min-width:1200px}
    .left{width:400px ; height:auto ; float:left }
    .right{width:auto ; height:auto ;float:left }

我希望朋友们，你已经从图像中得到了一个想法。请帮帮我。

我正在动态地将数据插入到right div 中，当它的宽度超过800px 时，它会从左边的 div 下来。但不是那样，我想要一个水平滚动条来查看内容。一种解决方案可能是从右 div 中删除 float:left。但它仍然会导致问题。

【问题讨论】：

欢迎来到 SO！如果您可以发布页面链接或创建小提琴（jsfiddle.net）会更有帮助，这样我们就可以解决问题。
我已经创建了一个小提琴，我不希望右边的部分从左边下来jsfiddle.net/vinay49/fbeJc

标签： css css-float width expand

【解决方案1】：

在浮动元素上，height:auto 表示内容的高度（浮动元素的默认值）。试试 height:100%

【讨论】：