Question

      <form>         
            <div id="data" name="data" class='checkbox' style='overflow:auto;width:30%;border:1px solid #ccc;height:550px;margin-left:10px;display:inline;'></div>
                <div name="r_data" id="r_data" > </div>
       </form>

在上面我从jquery动态填充数据。什么应该是第二个div的财产？这样第一个和第二个div就会彼此相邻。

Answer 1

<form>         
  <div id="data" name="data" class='checkbox' style='overflow:auto;width:30%;border:1px solid #ccc;height:550px;margin-left:10px;display:inline;float:left;'></div>
  <div name="r_data" id="r_data" style="float:left"> </div>
</form>

Answer 2

根据您想要的确切布局，有几种方法。例如，您可以浮动左侧div：

#data { float: left; }

右边会反对它（可能是你想要的，因为它有宽度设置）。

You can test it out here

另一种方法是使用style="float: right;"或#r_data { float: right }向右浮动右侧div，但由于缺少足够广泛的内容，这会在中间留下空白区域，所以我想这就是你要追求的目标。

Answer 3

为什么不使用jQuery来执行此操作？ justy填充数据div后，将r_data移动到数据div中，如下所示：

$('#data').html('some content for data field').next().appendTo('#data');

Answer 4

使用属性style="float:left"

对齐div css属性

4 个答案: