jquery - 在使用 Jquery 的 prependTo 或 appendTo 之后，并非所有 css 都可以工作

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