0

重複の可能性:
左右のマージンを 100% に設定

ページの幅を埋めたいテキストボックスがありますが、インデントされているように見せるためにかなりの余白が必要です。したがって、次のようなスタイルがある場合:

.notesText {
        margin-left: 20px;
        width: 100%;
    }

テキストボックスがページの既存の幅を埋めるだけでなく、テキストボックスに対応するために、ページが右にさらに20px拡張されます。ページの幅はデバイスによって異なるため、左余白を 20 ピクセルにして、ページの残りのスペースを埋めるにはどうすればよいですか?

4

2 に答える 2

1

試すmargin-left: 5%; width: 95%;

これにより、必要な場合とそうでない場合がある可変マージンが得られます

于 2012-12-06T15:13:23.143 に答える
0

ないので、box-sizing: margin-boxあなたがしなければならないことは、の外側のラッパーにマージンを設定することだと思いますtextarea:

<label class="message">
    Message<br>
    <textarea ...></textarea>
</label>

label.message {
    display: block;
    padding: 0 20px;
}

    label.message textarea {
        box-sizing: border-box;
        width: 100%;
    }
于 2012-12-06T15:10:27.843 に答える