并非所有的css都在prependTo之后工作，或者使用Jquery附加到top

Question

在动态创建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");

只有css颜色，高度和宽度有效。左上角和左上角没有。任何想法为什么会这样？

Answer 1

如果头寸不是相对的，绝对的或固定的，那么

top和left不会做任何事情。

还尝试稍微更改一下代码（这是可以做的）的模型：

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");