CSS如何相对同辈元素定位
position：relative中可以设置某元素相对于父元素定位，请问怎么设置才能相对于同辈元素定位呢？谢谢
只要能够实现同辈定位即可，无论用什么方法技巧，不一定非得用position属性
材料/工具：电脑、CSS3、HTML5、HBuilder、浏览器、截图工具
1、双击打开HBuilder编辑工具，新建静态页面position.html，修改title标签内的内容。
2、在<body></body>标签元素内插入一个<div></div>标签，设置其id属性值为pos。
3、利用ID选择器设置div元素宽度和高度都为300px，背景色为#666666，position为absolute。
4、保存代码并预览界面，发现页面展示的正方形边框在左上角。
5、修改top、left、margin和padding，让div元素垂直居中。
6、设置div标签元素border-radius和background渐变属性即可。
温馨提示：答案为网友推荐，仅供参考
第1个回答 推荐于2018-02-27
单纯用CSS是不可能的，这涉及到CSS的设计初衷。所谓定位它必有一个参照物，如果按你说的相对兄弟元素定位，那么就有个前提，兄弟元素是已知的、确定的，但很多时候，比如文章的段落，可多可少，你根本确定不了，你像根据某个兄弟元素定位，但如果兄弟多了或少了呢，所以这种定位方式不现实，父元素定位就不存在这个问题，因为元素肯定会有父元素，没有父元素也有根元素HTML。
你这个情况可以使用margin和float的结合，或者改变一下思路，我想肯定会有办法的。如果非要根据兄弟元素定位，可以试试JS解决，但会很麻烦，且没有必要。本回答被提问者和网友采纳
你这个情况可以使用margin和float的结合，或者改变一下思路，我想肯定会有办法的。如果非要根据兄弟元素定位，可以试试JS解决，但会很麻烦，且没有必要。本回答被提问者和网友采纳
第2个回答 推荐于2016-06-10
文本框不是普通容器，里面的所有标签都会被当作内容来解释。
所以你需要用一个容器包含文本框，父定位放在这个容器上才行，这个容器可以是行内元素，也可以是块元素。
子定位和文本框都放在父定位里面，位置在文本框前面后面都一样，但不能在文本框里面。
因为absolute不占位，所以你的子定位看起来就跟放在文本框里面一样。
所以你需要用一个容器包含文本框，父定位放在这个容器上才行，这个容器可以是行内元素，也可以是块元素。
子定位和文本框都放在父定位里面，位置在文本框前面后面都一样，但不能在文本框里面。
因为absolute不占位，所以你的子定位看起来就跟放在文本框里面一样。
第3个回答 2011-06-29
绝对定位只能用于继承关系中，不能用于同辈关系中
第4个回答 2011-06-29
直接的这种相对目前好像还没有，但是你为什么想这样做呢？
两个相对同一个，第二个值加了第一个值再偏移一点不就是相对第一个的了吗？追问
两个相对同一个，第二个值加了第一个值再偏移一点不就是相对第一个的了吗？追问
如果第一个值是可变的呢？
追答可变的是什么意思？变量吗？后者难道不可变吗？
相似回答