html之浮動和定位

2022-09-14 08:03:09 字數 668 閱讀 4760

可以讓原本不能同時顯示在一行的元素顯示在一行,

可以讓元素位置更精確

分為以下幾類

. 絕對定位:absolute脫離文件流,相對自己定位

. 相對定位relative :不脫離文件流,相對文件定位

. 固定定位fiex --相對視窗定位

. 靜態定位static

特別情況

定位有父級的時候

父級:相對定位

子級:絕對定位

那麼乙個定位的元素,如果父級有定位,那麼子級使用絕對定位時,都在相對 父級定位

說明內聯元素有定位,就支援寬高了

例如:

html>

結果如下,子級元素就會隨父級元素移動

有三種格式

hidden

scroll

auto

例如2

反饋共和國看見回覆的咖啡館的房間返回接**航空港經濟法東莞市方式紅府火鍋

結果會隱藏多出的部分出現下拉條,

定位和浮動

能把元素定在螢幕的任意位置,該元素脫離文件流。什麼是文件流 文件流指的是元素排版布局過程中,元素會自動從左往右,自上而下的流式布局。一 relative 相對定位 相對定位的元素相對於自身偏移 相對定位的元素不會脫離文件流 二 absolute 絕對定位 使元素完全脫離文件流 相對於 static ...

浮動和定位

浮動 float float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於影象,使文字圍繞在影象周圍,不過在 css 中,任何元素都可以浮動。浮動元素會生成乙個塊級框,而不論它本身是何種元素。如果浮動非替換元素,則要指定乙個明確的寬度 否則,它們會盡可能地窄。注釋 假如在一行之上只有極少的空間可...

浮動和定位

float屬性 高度塌陷 清除浮動 清除浮動不是不讓元素浮動,而是清除浮動對父級帶來的影響 清除浮動的方法 給浮動元素的父級設定高度height 不推薦使用 缺點 很多情況下 高度都是不確定的 所有不適用 以浮制浮,給浮動元素的父元素設定浮動,原理是開啟bfc 不推薦使用 缺點 只有在父級需要浮動的...