并非所有css都在Jquery的prependTo或appendTo之后工作

当动态创建一个Div，然后使用prependTo或appendTo创建另一个Div时，并不是所有的css都有效。例如，如果：

var myDiv = $("<div></div>");

myDiv.attr("id", "xd_1").removeAttr('class').attr('class','boogar');
myDiv.css({'color': 'blue', 'height': '10px', 'width': '10px',  'top': '131px', 
'left':  '126px'}).html('52').prependTo("#numbers");

var myDiv=$（“”）；
myDiv.attr（“id”，“xd_1”）.removeAttr（'class'）.attr（'class'，'boogar'）；
css（{'color'：'blue'，'height'：'10px'，'width'：'10px'，'top'：'131px'，
'left'：'126px'}.html（'52'）.prependTo（“#number”）；

---

只有css颜色、高度和宽度有效。顶部和左侧不允许。知道为什么会这样吗？

top

和

left

如果位置不是相对的、绝对的或固定的，不要做任何事情

另外，尝试稍微修改一下代码（这是您可以做的模拟）：

var myDiv=$（“”）；
myDiv.道具（“id”、“xd_1”）
.addClass（'boogar'）
.css({
“颜色”：“蓝色”，
“高度”：“10px”，
“宽度”：“10px”，
“顶部”：“131px”，
'左'：'126px'}）
.html（'52'）.prependTo（“数字”）；

谢谢，通过设置位置，现在就可以解决所有问题了！

var myDiv = $("<div>");

myDiv.prop("id", "xd_1")
   .addClass('boogar')
   .css({
      'color': 'blue', 
      'height': '10px', 
      'width': '10px',  
      'top': '131px', 
      'left':  '126px'})
   .html('52').prependTo("#numbers");