改变div的大小

Question

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

http://jsfiddle.net/58VHE

Answer 1

您为div定义了固定的高度。只需删除它，它将拉伸到内容的高度。如果您希望明确定义div尺寸，请增加高度。

Answer 2

您可以使用CSS属性padding执行此操作。

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

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

Answer 3

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

.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代码migth缺少结束元素/>

看看这个jsfiddle