文件流 定位方式

2021-09-28 20:01:31 字數 264 閱讀 5908

流式布局:在乙個html中每個元素都有自己的位置,行元素和行內塊元素從左到右,塊元素從上到下的布局方式

文件流:在乙個頁面中,在文件流中的元素都有自己的位置,如果某個元素脫離了文件流,那麼它將不再參與流式布局,不再擁有自己的位置。

塊元素 如果脫離了文件流,那麼它將不再參照父元素的寬度定寬,所以脫離文件流的塊元素,如果沒有內容,則必須設定寬高,如果有內容,那麼它的寬高將取決於它內容的寬高。

表示靜態定位,也是元素預設的定位方式,參與流式布局(在文件流中),不能設定位置

css的定位與文件流

css的定位機制有3種 color blue 普通流 浮動 float left right none 和定位 position static relative absolute color 普通流中的元素的位置由元素在 x html 中的位置決定。浮動元素不佔任何正常文件流空間,而浮動元素的定位還...

CSS文件流 浮動 定位 總結

文件流指的是文件中的標籤在排列時所占用的位置。將窗體自上而下分成一行行 並在每行中按從左至右的順序排放標籤,即為文件流。也就是說在文件流中標籤缺省會緊貼到上乙個標籤的右邊,如果右邊不足以放下標籤,標籤則會另起一行,在新的一行中繼 續從左至右擺放。使標籤脫離原來的文件流,在父標籤中浮動起來。浮動使用f...

定位相關複習 文件流

定位相關複習 文件流 html的布局機制,塊元素獨佔一行,內聯元素 inline 不獨佔一行 1 相對定位 相對於乙個東西來定位。這個東西就是它本身,同時可以使用left top bottom right 來移動元素的位置。相對定位不會脫離文件流 2 絕對定位 找乙個東西相對來絕對定位。這個東西 e...