gpt4 book ai didi

html - 如果页面宽度大于我的屏幕,我如何绝对定位?

转载 作者:太空宇宙 更新时间:2023-11-04 00:22:51 25 4
gpt4 key购买 nike

我想在页面的最右边放置一个元素。

我在 firefox 8 上试过这个,但它是错误的:

<!DOCTYPE html>
<html>
<body style="min-width:2000px;background-color:#222">
<div id="a" style="position:absolute;right:0;width:200px;background-color:#eee">this should be on the right, even if you scroll right</div>
<div style="width:100%">this is just to adjust the page to max width</div>
</body>
</html>

这会将它定位在我屏幕可见部分的右侧,但我的页面更宽,所以如果我向右滚动,div a 不再位于右侧,但右侧有一个空间,那是页面加载时不可见的空间

我想让它在页面内容(而不是可见部分)真正正确的位置所以如果我不向右滚动,那么它应该在可见区域之外

最佳答案

<!DOCTYPE html>
<html>
<body style="min-width:2000px;background-color:#222; position: absolute;">
<div id="a" style="position:absolute; right: 0; width:200px; background-color:#eee">this should be on the right, even if you scroll right</div>
<div style="width:100%; ">this is just to adjust the page to max width</div>
</body>
</html>

在 body 上设置 absolute 应该可以解决这个问题。 http://jsfiddle.net/JXgk9/3/

关于html - 如果页面宽度大于我的屏幕,我如何绝对定位?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8337114/

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