CSS页边距宽度

可能重复：

我有一个文本框，我想填补页面的宽度，但我需要它有一个相当大的空白，让外观缩进。如果我有这样的风格：

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

---

最后，我将页面向右扩展20像素，以容纳我的文本框，而不是只填充页面现有宽度的文本框。由于不同设备的页面宽度不同，如何将其格式化为具有20px的左边距，然后填充页面的剩余空间？

因为没有

框大小：边距框

我认为您需要做的是在

文本区域

的外包装上设置边距：

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

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

    label.message textarea {
        box-sizing: border-box;
        width: 100%;
    }

消息

label.message{
显示：块；
填充：0 20px；
}
label.message文本区域{
框大小：边框框；
宽度：100%；
}

尝试

左边距：5%；宽度：95%

这将给你一个可变的保证金，它可能是你想要的，也可能不是你想要的
试试
左边的保证金：5%；宽度：95%@Andy，非常简单。作为答案提交，我将接受。使用100%宽度的包装纸和未指定宽度且留有20px页边空白的内容夹