CSS如何定位固定在y轴上的元素？
CSS如何定位固定在y轴上的元素？
提问于 2011-06-29 05:33:58
我在div中有一个元素(两个锚点相邻)(跨度大约1150px，所以你需要向下滚动才能看到这个div的所有内容)。此锚的位置:固定在此div的顶部，因此当您向下滚动div时，div锚将始终可见。我的问题是，当你缩小浏览器窗口的宽度时，我希望第二个锚点在空间耗尽时位于第一个锚点的下方，然而，直到浏览器窗口实际到达锚点，没有发生环绕，所以div变得越来越小，两个锚点相互重叠。
当我移除固定的位置时，当我调整浏览器窗口的大小和div的宽度时，一个锚点会像预期的那样在另一个锚点的下方包裹。所以我猜我只需要固定y轴，而不是x轴。
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-06-29 06:03:53
position属性作为一个整体应用于元素。你真正想要的是一种新的位置属性。
您可以将固定定位应用于包含两个锚点的元素，如果将锚点设置为浮动，则它们将在需要时进行换行：
<style type="text/css">
#fixed {
position: fixed;
}
.left {
float: left;
}
.right {
float: right;
}
</style>
...
<div id="fixed">
<div class="left">Lorem ipsum dolor sit amet,</div><div class="right">consectetur adipiscing elit.</div>
</div>
<div id="content">
<p>something here...</p>
</div>Stack Overflow用户
发布于 2011-06-29 05:39:41
看起来这可能是this question的复制品。
简而言之，您不能使用纯粹的CSS来做到这一点。您将需要JavaScript。我推荐jQuery。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6513341
复制相关文章
相似问题
腾讯云开发者
