设计用jQuery创建的HTML元素

我正在使用服务器端的

Ajax

调用创建

HTML

元素。现在的问题是，网页的设计是响应性的。不知何故，我无法按预期将动态生成的元素与页面对齐。比如说，使用下面的

Ajax

call，将创建元素：

var html = "";
$.ajax({
  type: "POST",
  url: "MethodName",
  data: id,
  cache: false,
  success: function(data){
     $.each(data, function() {
         $.each(this, function(k, v) {
             html += '<div class="wrapper"><div class="content">Dynamic data here</div></div>';
         });
     });

     $(".divs").append(html);
   }
});

var html=”“；
$.ajax({
类型：“POST”，
url:“方法名”，
数据：id，
cache:false，
成功：功能（数据）{
$.each（数据，函数（）{
$。每个（此，函数（k，v）{
html+=“此处的动态数据”；
});
});
$（“.divs”）.append（html）；
}
});

在前端，我有如下内容：

<style>
    .content {
        float: right;
     }
</style>

<h4 class="content">Data here</h4>

<div class="container">
   <div class="divs">
   </div>
</div>

.内容{
浮动：对；
}
这里的数据

如您所见，标题h4与页面右上角对齐，在div部分（.divs），我试图绑定动态内容。提供了相同的类来将两个元素对齐在网页右上角的相同位置。但无论如何，div部分的设计都会被破坏。我可以理解，它在parentdiv部分下面，并附加了。所以这可能是原因，但是有没有任何方法可以用

CSS

调整相同位置的两个元素的对齐方式

---

N.B：虽然我对设计部分使用

jQuery

不感兴趣，但我也欢迎任何建议。还有一件事，在

Ajax

调用中有一个循环，我在这里维护一个逻辑来分别获取每个数据，因此一次只获取一个数据。只是想澄清一下。

您可以尝试通过在

对象之后添加

来打破

.content

对象的浮动，并将

浮动：right

添加到

.divs>.wrapper
从您的描述中还不清楚出了什么问题。HTML是否未正确更新？您是否需要额外的CSS来正确对齐内容？如果您能在AJAX调用之后提供呈现HTML的示例，这将非常有帮助。（另外，请注意，您的AJAX调用无法在后续调用中清除
html
变量。）div部分的内容。实际上，divs与标题h4@kmoser的右上角不对齐。您可以共享完整的样式吗？在本例中，您只针对
.content
元素。此部分
将放在
div
的结束标记之前，类似于此-
动态数据-
@vodkaJedi？@user8512043不，您的
。content
对象是
float:right
，因此我的想法是打破“float”使用
。看看您是否可以在这里提供解决方案-@vodkaJedi。