1

我希望我的流体盒能够接收所有内容。这就是我现在得到的：

这就是我正在寻找的：

我正在使用 Twitter 引导程序。

这是 jsfiddle，就像我的布局所示：

http://jsfiddle.net/jUQEc/

当前的 html 标记：

<div class="container-narrow">

      <h4 class="title">Featured Companies</h4>

      <div class="row-fluid" id="container" class="js-masonry" data-masonry-options='{ "columnWidth": 200, "itemSelector": ".item" }'>
        <div class="span6 item">
          <h4 class="title">Company Details</h4>
          <div class="box">
            test
          </div>
        </div>
        <div class="span3 item">
          <h4 class="title">Company News</h4>
          <div class="box">
            test<br>test<br>testtest<br>test<br>testtest<br>test<br>testtest<br>test<br>test
          </div>
        </div>
        <div class="span3 item">
          <h4 class="title">Company News</h4>
          <div class="box">
            test<br>test<br>testtest<br>test<br>testtest<br>test<br>testtest<br>test<br>test
          </div>
        </div>

        <div class="span4 item">
          <h4 class="title">Company News</h4>
          <div class="box">
            test<br>test<br>test
          </div>
        </div>

      </div>

    </div>

谢谢。

4

1 回答 1

0

你应该在第三个盒子上放一个宽度，然后让它向右浮动。如果合适，它会偷偷爬上去填满你要找的空间。也许你应该复习一下浮动是如何工作的，并看看它是如何应用于引导程序中的 div 的。希望这可以帮助！

于 2013-06-24T23:47:39.593 回答