如何将一个 div 叠加在另一个 div 之上另一个 div
How to overlay one div over another div over an other div
我想知道是否像 post 中提到的那样使用 position:absolute：
“How to overlay one div over another div”
对于 3 个 div 而不是另一个。使用整个绝对页面是否正确？这不会在构建响应式网站时引起问题吗？
这些方法不会对响应式设计造成问题。至少不超过其他任何东西。
对于响应式设计，不要对实际像素尺寸做任何假设，除非可能在您的媒体查询中指示断点。像素值有用的另一种情况是制作 'hairline' 边框时。在几乎所有其他情况下，都使用相对单位，例如 em、rem、%、vh、vw...这比您想象的要容易，并且只需要在开始时稍加训练就能让您的思想处于正确的位置。
另外，为最小的屏幕设计你的第一个设计，然后从那里开始。这比反过来做要容易得多。
最后提示：使用 box-sizing:border-box。我通常把它放在通用选择器下面，像这样：
* {box-sizing:border-box;}
这将在宽度和高度中包括边框和填充。它只是使使用相对值的整个过程变得更加容易和直观。祝你好运！
我想知道是否像 post 中提到的那样使用 position:absolute： “How to overlay one div over another div” 对于 3 个 div 而不是另一个。使用整个绝对页面是否正确？这不会在构建响应式网站时引起问题吗？
这些方法不会对响应式设计造成问题。至少不超过其他任何东西。
对于响应式设计，不要对实际像素尺寸做任何假设，除非可能在您的媒体查询中指示断点。像素值有用的另一种情况是制作 'hairline' 边框时。在几乎所有其他情况下，都使用相对单位，例如 em、rem、%、vh、vw...这比您想象的要容易，并且只需要在开始时稍加训练就能让您的思想处于正确的位置。
另外，为最小的屏幕设计你的第一个设计，然后从那里开始。这比反过来做要容易得多。
最后提示：使用 box-sizing:border-box。我通常把它放在通用选择器下面，像这样：
* {box-sizing:border-box;}
这将在宽度和高度中包括边框和填充。它只是使使用相对值的整个过程变得更加容易和直观。祝你好运！