position:absolute這個是絕對定位;
是相對於瀏覽器的定位。
比如:position:absolute;left:20px;top:80px; 這個容器始終位於距離瀏覽器左20px,距離瀏覽器上80px的這個位置。
position:relative是相對定位,是相對於前面的容器定位的。這個時候不能用top left在定位。應該用margin。
比如:<div class="1"></div><div class="2"></div>
當1固定了位置。1的樣式float:left;width:100px; height:800px;
2的樣式爲float:left; position:relative;margin-left:20px;width:50px;
2的位置在1的右邊,距離120px
CSS裏面position:relative與position:absolute 區別
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
【java基礎(五十五)】泛型的約束與侷限(二)
静心事成
2020-07-08 11:18:09
《架構探險》學習之總體框建框架
K~hat
2020-07-15 13:41:29
反射獲取Class對象的四種方法
LVAmber
2020-07-08 12:00:21
Java package包,導入包import
LVAmber
2020-07-08 12:00:21
Java俄羅斯輪盤死亡遊戲
LVAmber
2020-07-08 12:00:21
nginx windows配置
八点二十四分
2020-07-08 11:46:48
java獲取某個月最後一天
baomw
2020-07-08 11:43:17
談談自定義註解及相關開發實踐
baomw
2020-07-08 11:43:17
【java基礎(五十四)】泛型的約束與侷限(一)
静心事成
2020-07-08 11:18:07
【java基礎(五十三)】類型擦除、翻譯泛型
静心事成
2020-07-08 11:18:07
dom4j解析.xml文件
ζMonster°
2020-07-08 10:45:03
生產者消費者ReentrantLock 版本
诗和远方zdx
2020-07-08 10:07:23
生產者消費者阻塞隊列版
诗和远方zdx
2020-07-08 10:07:23
學妹問我 JDK1.8 的新特性,我這樣幫她總結
Geffin
2020-07-08 10:04:53