jquery - 更改 div 的大小

Question

我目前对 div 的大小有疑问。我想让 Div 大于其实际内容大小。如果有人可以帮助我，我会很高兴的。

http://jsfiddle.net/58VHE

Answer 1

可能你打算写这样的东西：

.textbox {width:400px;}
.div {overflow:visible; width:200px; background-color:#f8f8f8;}
p {width:400px; display:none; padding:10px 5px; background-color: #f8f8f8;}
#toggle{padding:2px 5px;}

$("#toggle").focus(function() {
    $("p").slideDown("fast");
});

$("#toggle").blur(function() {
    $("p").slideUp("fast");
});​

顺便说一句，您的input标签可能缺少结束元素/>

看看这个jsfiddle

Answer 2

您可以使用 CSS 属性来做到这一点padding。

.div {
    height:20px; 
    padding: 10px; 
    width:200px; 
    background-color:#f8f8f8;
}

1. 示例：JsFiddle
2. 有关填充的更多信息：info

Answer 3

您为 div 定义了固定高度。只需将其删除，它就会延伸到内容的高度。如果您更喜欢明确定义 div 尺寸，或者增加高度。