7

如何防止一个 div 包裹在另一个 div 之下？具体来说，我希望第 2 个 div 始终位于第 1 个 div 的右侧，即使调整浏览器宽度以使第 2 个 div 的内容必须换行。

我总是希望 div 并排放置： 我希望这个 div 总是并排

并且永远不要看起来像这样，即使调整了浏览器窗口的大小使得第二个 div 的内容必须换行：
并且永远不要让第二个 div 包裹在第一个 div 之下

<!DOCTYPE html>
<html lang="en">
  <body>
    <div class="columns">
      <div style="background-color: #990000; width:70px; float: left">
        Pic
      </div>
      <div style="background-color: #00FF00; float: left; " >
      body some interesting large amount of content. some interesting large amount of content.
      </div>    
    </div>
  </body>
</html>
4

1 回答 1

6 
<div class="columns">
  <div style="background-color: #990000; width:70px; float: left">
      Pic
  </div>
  <div style="background-color: #00FF00; margin-left: 70px;" >
      body some interesting large amount of content. some interesting large amount of content.
  </div>    
</div>

一个例子：http: //jsfiddle.net/arPzt/

于 2013-02-25T07:07:47.193 回答