jquery - 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タグに終了要素がない可能性があります/>

このjsfiddleを見てください