Html 宽度上的左右边距为100%

我有一个设定为100%宽度的div。我想设置一个20像素左右的边距。由于某种原因，只有左边被推到20px以上。它忽视了权利。这是因为100%？

移除宽度。与所有块元素一样，div将自动展开以填充可用宽度。当您指定宽度为100%时，您告诉它与其容器大小相同，而不是填充可用宽度。由于宽度不包括边距，在宽度之外指定边距将导致div向右移动左边距量，并且屏幕外存在右边距。

删除100%的

宽度

，只给它20px

边距

左右，您就没事了

一点也不愚蠢。现在的情况是，您正试图设置一个类似这样的横幅： （#是边距）

但结果是这样的：

==========
#----------#
==========

==========
#---------
==========

让它看起来像这样：

==========
#----------#
==========

==========
#---------
==========

添加边距不会减少100%的设置宽度

您可以尝试使用

left:20px；右：20px并保留宽度和边距
auto

编辑

或者像其他人所建议的那样，只留下宽度P
A
div
将使用所有可用空间，除非您开始浮动。去掉
宽度
，应该没问题。
对OP的实际情况进行了有价值的解释。解释得很好！谢谢，我试图理解wtf正在我的利润率上发生的事情，我几乎是昏了头：D巨大的thanx是一个很好的解释！