css - 如何给具有固定填充或边距或边框的整个窗口的 div 宽度？

Question

我想要一个 div 占据窗口的整个宽度，并有一些填充或边距或边框。我知道我可以通过给 div 设置 90% 的宽度和 5% 的填充或边距或边框来获得它。这很好用，但是当我减小窗口大小时，边框或边距或填充开始缩小。我不想要这个。所以我向专家提出的问题是我如何使用固定的填充或边距或边框？

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

Answer 1

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

然后，如果你的 body 和 html 元素的宽度为 100%，你的 div 的边距和内边距应该总是正好适合视口。