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

css代码:

1.png

html代码:

2.png

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

烟雨江南
烟雨江南

Antworte allen(2)
数据分析师

css相对位置绝对位置问题?-PHP中文网问答-css相对位置绝对位置问题?-PHP中文网问答

围观一下哦,学习一下。

迷茫

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

1.png

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

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

2.png

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage