定位之absolute和relative:
一般設定了absolute或relative時，才設定right left （left:50px 意思是左邊線距離定位盒子的左邊線50px）;
一般父盒子設定了position:absolute display:inline-block float:left/right overflow:hidden其中之一（即產生bfc），才設定top bottom;
1、absolute 脫離文件層，下方文件自動填充。absolute相對于父盒子（最近有設定定位的父盒子）的邊框定位
2、relative 脫離文件層，但下方文件不會上浮，relative相對於原來位置定位
absolute float會自動使塊級變成行級塊，relative 不會
行級元素：span strong a em del 內容決定寬高，不可改變寬高
塊級元素：div p h ul li ol form address 獨佔一行，可以改變寬高
行級塊元素：img 內容決定寬高，可以改變寬高
HTML與CSS學習筆記
恢復內容開始 計蒜客 恢復內容結束 css部分 html head style p p p style head body h1 老王的愛情 h1 p id first 為什麼要那麼痛苦地忘記乙個人，時間自然會使你忘記。如果時間不可以讓你忘記不應該記住的人，我們失去的歲月又有甚麼意義?p p id ...
HTML與CSS學習筆記 7
1 響應式布局 利用 查詢，即media queries，可以針對不同的 型別定義不同的樣式，從而實現響應式布局。常見選項 型別 and not min width max width 例如 media all and min width 500px and max width 700px 當解析度...
HTML與CSS學習筆記 3
1 float浮動 脫離文件流 沿著父容器靠左或者靠右進行排列 文件流文件流是文件可顯示物件在排列時所占用的位置 float特性 left right none float注意點 只會影響後面的元素,對於浮動元素之前的元素是不造成任何影響的 內容預設提公升半層，可實現 混排樣式 預設寬根據內容決定 ...