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

css代码:

1.png

html代码:

2.png

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

烟雨江南
烟雨江南

全部回覆(2)
数据分析师

css相對位置絕對位置問題? -PHP中文網問答-css相對位置絕對位置問題? -PHP中文網問答

圍觀一下哦,學習一下。

迷茫

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

1.png

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

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

2.png

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!