Jquery 对齐div css属性

Jquery 对齐div css属性,jquery,css,Jquery,Css,在上面,我从jquery动态填充数据。第二个div的财产应该是什么?使第一个和第二个div彼此相邻。 <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&

在上面,我从jquery动态填充数据。第二个div的财产应该是什么?使第一个和第二个div彼此相邻。


      <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>

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

<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>
而右翼会迎面而起(可能是你想要的,因为它有一个宽度设置)


另一种方法是将右div向右浮动,使用<代码>样式=“浮点:右”;或 > RyDATA {浮标:右} /CODE >,但是由于缺少足够宽的内容,这将在中间留下空白,所以我认为这是您所追求的。

为什么不使用jQuery来实现这一点呢?填充数据div后,将r_数据移动到数据div中,如下所示:

#data { float: left; }
$('#data').html('some content for data field').next().appendTo('#data');
使用propery
style=“float:left”

如果您希望在数据字段的开头使用r\u数据,也可以使用prependTo。我不想这样做……这不会解决任何问题,他希望它们彼此相邻,将其移动到内部只是在内部创建了一个块元素,内容仍然不会彼此相邻,它现在只需在另一个
内按下即可。另外,在下一次加载时会发生什么,因为它在内部,所以他现在刚刚吹走了
\r#u data
div:) $('#data').html('some content for data field').next().appendTo('#data');