简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
css相对位置绝对位置问题？
烟雨江南
烟雨江南 2017-02-28 09:27:01
0
2
1210

css代码：

1.png

html代码：

2.png

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

烟雨江南
烟雨江南

全員に返信(2)
数据分析师
数据分析师2017-10-01 00:34:30 2棟

CSS相対位置絶対位置の問題? -PHP中国語サイトQ&A-cssの相対位置絶対位置の問題？ -PHP中国語サイトQ&A

ぜひ見て学んでください。

いいねを押す +0
返信を追加
迷茫
迷茫2017-02-28 09:28:12 1棟

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

1.png

图中蓝色的是子元素，红色的是父元素（容器元素）。

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

2.png

いいねを押す +0
返信を追加
人気のトピック
詳細>
人気の記事
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！