4

overflow: auto;この場合、ルールがスクロールバーを追加する理由が気になります

CSS:

textarea {
    width: 100%;
    margin:0;
    padding:0;

}

.span4 {
    width: 300px;

}

aside {
    overflow: auto;
}

html:

<aside class="span4">    
    <textarea cols="40" rows="20"></textarea>       
</aside>

http://jsfiddle.net/ZnsW9/ このテキストエリアの幅が 100% で、マージンとパディングがない場合、どのようにコンテナ ボックスからはみ出しますか?

4

2 に答える 2

7

慣れている box-sizing

textarea {
            width: 100%;
            margin:0;
            padding:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;

        }

デモ

于 2013-07-10T10:54:52.390 に答える
1

ボーダーのため、スクロールバーが追加されます。border: none;ルールをテキストエリアに追加:

textarea {
    width: 100%;
    margin:0;
    padding:0;
    border: none;
}

デモ

于 2013-07-10T10:52:38.457 に答える