【问题标题】:Position element relative to page instead of parent? HTML/CSS [closed]相对于页面而不是父元素的位置元素? HTML/CSS [关闭]
【发布时间】:2013-05-23 04:04:54
【问题描述】:

所以——在构建了一个包含大量具有类似类样式的元素的页面之后——客户决定他想要改变一些事情。我不想手动更改每个 HTML 元素,那么有没有办法根据整个页面简单地定位它们(​​通过 CSS)?

(即纯 CSS 的东西;当然,一些 javascript 可以完成它)

【问题讨论】:

  • 请提供任何代码。
  • 这取决于页面是如何构建的,但是如果你使用绝对定位,而不是在相对定位的元素内,你可以相对于正文(整个页面)放置东西,stackoverflow.com/questions/6867244/…
  • 不幸的是它的祖先被定位了。
  • 我在下面更新了我的答案。您仍然可以使用负值(即顶部:-20px;)定位子级。警告:这种方法会变得杂乱无章,代码的灵活性也会大大降低。

标签: html css


【解决方案1】:

你可以设置一个位置:相对;在祖先标签上,然后使用 position:absolute;在任何你需要移动的地方。您可以使用 top、right、bottom、left 规则来相对于 body 标签定位项目。

ancestorSelector { position:relative; }
somethingToMoveSelector { position:absolute; top:100px; left:250px; } 

More on CSS positioning

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-10-11
    • 1970-01-01
    • 2023-04-10
    • 2022-10-02
    相关资源
    最近更新 更多