Question

我是CSS的新手。我想做一些简单的事情，例如在页面col-4的整个左侧跨越树视图，例如在页面的主要部分上叠加垂直col-8的几个网格。

我在下面的内容是将树推到页面的整个宽度，只显示一个网格，而不是在树的下方，而不是在树的右边。

我不确定dynatree或jqgrid CSS是否搞砸了这个或者我的引导程序是错误的？

<body>
  <div class="row">
    <div class="col-sm-4" id="tree">
    </div>
    <div id="info"> </div>
    <div class="col-sm-8">
      <table id="grid"></table>
      <table id="grid"></table>
    </div>
  </div>
</body>

Answer 1

作为测试，我会删除

<div id="info"> </div>

Div是块元素，可以强制浮动div到新行。

Answer 2

在你的情况下，col-sm-8总是会因为<div id="info"> </div>因为float没有任何row的块元素而崩溃，所以它像引导程序<body> <div class="container"> <div class="row"> <div class="col-sm-4" id="tree"> </div> <div class="col-sm-8"> <table id="grid"></table> <table id="grid"></table> </div> <div id="info"> </div> </div> </div> </body>一样运行。尝试这样做：

<body>
<div class="container">
    <div class="row">
        <div class="col-sm-4" id="tree">
        </div>
        <div class="col-sm-8">
            <table id="grid"></table>
            <table id="grid"></table>
        </div>
    </div>
    <div class="row">
        <div id="info"> </div>
    </div>
</div>
</body>

或更好（根据o bootstrap）：

.csproj

使用行

2 个答案: