html - 如何将一个 div 覆盖在另一个 div 之上

Question

我想知道是否像这篇文章中提到的那样使用 position:absolute :“How to overlay one div over another div”对于 3 个 div 而不是另一个。使用整个绝对页面是否正确？这不会在构建响应式网站时引起问题吗？

Answer 1

这些方法不会对响应式设计造成问题。至少，仅此而已。

对于响应式设计，除了可能指示媒体查询中的断点外，不要对实际像素尺寸做任何假设。像素值有用的另一种情况是制作“细线”边框时。在几乎所有其他情况下，都使用相对单位，例如 em、rem、%、vh、vw...这比您想象的要容易，并且只需要在开始时稍加训练就能让您的思想处于正确的位置。

此外，为最小的屏幕设计您的第一个设计，然后从那里开始设计。这比反过来做要容易得多。

最后的提示:使用 box-sizing:border-box。我通常把它放在通用选择器下面，像这样:

* {box-sizing:border-box;}

这将在宽度和高度中包括边框和填充。它只是使使用相对值的整个过程变得更加容易和直观。祝你好运!