如何将一个div叠加在另一个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;}

这将包括宽度和高度的边框和填充。它使得使用相对值的整个业务变得更加容易和直观。祝你好运！