css相对位置绝对位置问题?
烟雨江南
烟雨江南 2017-02-28 09:27:01
0
2
1271

css代码:

1.png

html代码:

2.png

想知道这个img 的top: -20px; left: -90px是相对于header的margin边缘 还是相对于content 
我感觉是相对于content 但是不是很确定 
不知道我有没有表述清楚~
谢谢拉

烟雨江南
烟雨江南

reply all(2)
数据分析师

css relative position absolute position problem? -PHP Chinese website Q&A-css relative position absolute position problem? -PHP Chinese website Q&A

Let’s take a look and learn.

迷茫

父元素position: relative;,子元素position: absolute;的这种常用的定位,两个元素各自使用的参考边如下图:

1.png

图中蓝色的是子元素,红色的是父元素(容器元素)。

其中edge的在盒模型的位置请参考w3c的这张图:

2.png

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template