支持chrome中的clientWidth/height

Question

要求图片应该固定在我页面的右下角。

我的代码：my_image.style.left = wrapper.clientWidth - my_image.clientWidth; 在 mozilla 中完美运行，但似乎 chrome 什么都不懂。

我也读过同样的文章： Understanding offsetWidth, clientWidth, scrollWidth and -Height, respectively

由于包装器宽度会根据页面上呈现的内容而变化，因此我无法提供硬编码值 那么还有其他属性可以帮助我吗？

编辑::: 顶部是相对的，取决于包装器中的内容

谢谢。

Answer 1

纯 CSS 会更好，据我了解您的问题，您只需将位置设置为固定并指定与窗口边界的距离。固定位置将始终相对于窗口，而不是父节点或页面大小。所以这应该是你想要的！

#myimage{
   position:fixed;
   right:0px;
   bottom:0px;
} 

添加left:0px 应该使它填满屏幕宽度。否则只需将宽度设置为 % 以保持响应。如果您的意思是页面而不是窗口，请尝试 position:relative。