gpt4 book ai didi

html - 在容器边缘定位元素

转载 作者:行者123 更新时间:2023-11-28 07:56:32 25 4
gpt4 key购买 nike

希望我在这里模拟的图片能更好地解释这一点:

enter image description here

我有一个全宽的 100vh 区域,其中有一个 .container 宽度为 100%/1200px 最大宽度和 100vh(当然居中)。在这个容器内,我将有 3 个元素(红色的 X)。

如何让这些元素的中心点真正贴在容器的边缘?我的最终目标是让它们看似 float ,但随后随着屏幕宽度缩小并且 .container 宽度开始折叠,元素沿着该边缘并且看起来刚好进入屏幕。

CodePen

最佳答案

好的,我发现了问题。 Transform 改变流中对象的原始大小。因此,虽然我的元素被缩小了,但它们原来的边界框却没有。 #themoreyouknow

关于html - 在容器边缘定位元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30083268/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com