【问题标题】:Absolute relative positioning绝对相对定位
【发布时间】:2013-09-08 12:28:24
【问题描述】:

我的客户只允许我更改他的 HTML 的一部分等:

<div style="position:relative;">PUT YOUR CODE HERE</div>

问题是我需要将绝对 div left:0px 和 top:0px 放在页面顶部,但它相对于上面的位置。

我可以在相对 div 中,将绝对元素定位到窗口,而不是仅使用 css 而不使用任何其他技巧的父相对 div 吗?我的意思是,我不想使用 JS 来计算相对的顶部/左侧位置,然后从我内部的绝对 div 中减去它。

谢谢。

【问题讨论】:

  • 如果你想让position:fixed; 卡在页面的左上角,你不能使用它吗?
  • 谢谢,但我需要 div 可以与页面一起滚动,如果我使用 fixed,当用户向下滚动时它永远不会消失。
  • 不,你不能。元素将始终根据具有position 的第一个父元素定位。
  • 所以你确定我不能解决这个问题@putvande?原因,如果您确定我将不得不对我的客户网站进行重大更改,那么这将比有解决方案时困难得多。只是想确定好吗?
  • 没有 JavaScript。或者您可以设置top:-Xpx,但这不是一个好的解决方案。

标签: css


【解决方案1】:

没有;除非您知道到左上角的距离,否则您可以使用负的 top:left: 值。

绝对定位是相对于最近的具有非静态位置的祖先。

【讨论】:

    猜你喜欢
    • 2015-04-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多