CSS相对定位,无需将父项设置为相对

时间:2014-06-20 09:03:31

标签: jquery html css

这里有一些线程可以解释这个位置:父元素中的relative将在父元素左上角的任何子元素中生成position:absolute。太好了。

但是当你不想把父母设置为位置时,怎么办?相对?在一个相当标准的表格系统中,我遇到的问题是:相对有两个含义:

  1. 确定此元素的定位方式和
  2. 如果此元素的位置是绝对的,则它会更改此元素的子元素的位置。
  3. 但是我想要2.没有1.我希望孩子们相对于父母,但父母可以定位为静态,相对或绝对。

    我想我可以在父级中添加一个内部div,除了有位置:relative之外什么都不做,但那会是一种痛苦和额外的混乱。有没有更好的方法或这样做?

    所有定位都在jquery中完成,因此只有jquery解决方案才行。

    感谢

1 个答案:

答案 0 :(得分:1)

你似乎真的在这里问过并回答了你自己的问题。

  

我想我可以在父母内部添加一个内部div   什么都没有,除了有位置:相对,但那将是一个痛苦和   额外一团糟。有没有更好的方法或这样做?

元素不能具有混合的位置,所以这确实是唯一的解决方案;创建一个允许您组合所需位置布局的附加元素。

  

所有定位都在jquery中完成,因此只有jquery解决方案才能实现   细

如果你担心标记的清洁度,那么通过jquery添加额外的元素可能会吸引你。然而,作为一个有抱负的纯粹主义者,我倾向于避免使用javascript来表达方面,严格来说,这应该留给CSS,只要它是实用的。