如何给整个窗口的div宽度有一个FIXED填充或边距或边框？

Question

我希望div占据窗口的整个宽度，并且有一些填充或边距或边框。 我知道我可以通过赋予div宽度为90％并且填充或边距或边界为5％来实现它。这很好用但是当我减小窗口大小时，边框或边距或填充开始缩小。我不想要这个。 所以我向专家提出的问题是，如何使用固定的填充或边距或边框？

如果是较窄的窗口，我宁愿选择媒体查询来检测宽度，然后为某个宽度提供另一个固定的填充或边距或边框。 提前致谢

Answer 1

使用width:auto而不是百分比宽度，然后div将扩展到其容器的宽度，考虑填充和边距，使其足够宽以适应它们。

然后，如果你的body和html元素的宽度为100％，那么带边距和填充的div应该总是恰好适合视口。