如何创建具有特定div大小的div

Question

如何创建具有特定div的大小（css的高度和宽度）的div。

$('<div/>').css({
    "display" : "block";
    "width" : width();
    "height" : height();
}).appendTo('#fixed');

Answer 1

您需要outerHeight（）/ outerWidth（）属性。这将包括应用于目标元素的任何边距和填充：

$('<div/>').css({
    "display" : "block",
    "width" : $('#myelem').outerWidth(),
    "height" : $('#myelem').outerHeight()
}).appendTo('#fixed');

注意我的参数元素中的格式。 Javascript对象道具用逗号分隔

Answer 2

你几乎得到了它：

var $target = $('#fixed');
$('<div/>').css({
    "width" : $target.innerWidth(),
    "height" : $target.innerHeight();
}).appendTo($target);

Answer 3

就像那样：

$('<div/>').css({
    "display" : "block";
    "width" : $('#divTarget').outerWidth()+'px';
    "height" : $('#divTarget').outerHeight()+'px';
}).appendTo('#fixed');