CSS如何相对同辈元素定位

材料/工具：电脑、CSS3、HTML5、HBuilder、浏览器、截图工具

1、双击打开HBuilder编辑工具，新建静态页面position.html，修改title标签内的内容。

2、在标签元素内插入一个

3、利用ID选择器设置div元素宽度和高度都为300px，背景色为#666666，position为absolute。

4、保存代码并预览界面，发现页面展示的正方形边框在左上角。

5、修改top、left、margin和padding，让div元素垂直居中。

6、设置div标签元素border-radius和background渐变属性即可。

单纯用CSS是不可能的，这涉及到CSS的设计初衷。所谓定位它必有一个参照物，如果按你说的相对兄弟元素定位，那么就有个前提，兄弟元素是已知的、确定的，但很多时候，比如文章的段落，可多可少，你根本确定不了，你像根据某个兄弟元素定位，但如果兄弟多了或少了呢，所以这种定位方式不现实，父元素定位就不存在这个问题，因为元素肯定会有父元素，没有父元素也有根元素HTML。

你这个情况可以使用margin和float的结合，或者改变一下思路，我想肯定会有办法的。如果非要根据兄弟元素定位，可以试试JS解决，但会很麻烦，且没有必要。

文本框不是普通容器，里面的所有标签都会被当作内容来解释。
所以你需要用一个容器包含文本框，父定位放在这个容器上才行，这个容器可以是行内元素，也可以是块元素。
子定位和文本框都放在父定位里面，位置在文本框前面后面都一样，但不能在文本框里面。
因为absolute不占位，所以你的子定位看起来就跟放在文本框里面一样。

绝对定位只能用于继承关系中，不能用于同辈关系中

直接的这种相对目前好像还没有，但是你为什么想这样做呢？
两个相对同一个，第二个值加了第一个值再偏移一点不就是相对第一个的了吗？