可以讓原本不能同時顯示在一行的元素顯示在一行,
可以讓元素位置更精確
分為以下幾類
. 絕對定位:absolute脫離文件流,相對自己定位
. 相對定位relative :不脫離文件流,相對文件定位
. 固定定位fiex --相對視窗定位
. 靜態定位static
特別情況
定位有父級的時候
父級:相對定位
子級:絕對定位
那麼乙個定位的元素,如果父級有定位,那麼子級使用絕對定位時,都在相對 父級定位
說明內聯元素有定位,就支援寬高了
例如:
html>
結果如下,子級元素就會隨父級元素移動
有三種格式
hidden
scroll
auto
例如2
反饋共和國看見回覆的咖啡館的房間返回接**航空港經濟法東莞市方式紅府火鍋
結果會隱藏多出的部分出現下拉條,
定位和浮動
能把元素定在螢幕的任意位置,該元素脫離文件流。什麼是文件流 文件流指的是元素排版布局過程中,元素會自動從左往右,自上而下的流式布局。一 relative 相對定位 相對定位的元素相對於自身偏移 相對定位的元素不會脫離文件流 二 absolute 絕對定位 使元素完全脫離文件流 相對於 static ...
浮動和定位
浮動 float float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於影象,使文字圍繞在影象周圍,不過在 css 中,任何元素都可以浮動。浮動元素會生成乙個塊級框,而不論它本身是何種元素。如果浮動非替換元素,則要指定乙個明確的寬度 否則,它們會盡可能地窄。注釋 假如在一行之上只有極少的空間可...
浮動和定位
float屬性 高度塌陷 清除浮動 清除浮動不是不讓元素浮動,而是清除浮動對父級帶來的影響 清除浮動的方法 給浮動元素的父級設定高度height 不推薦使用 缺點 很多情況下 高度都是不確定的 所有不適用 以浮制浮,給浮動元素的父元素設定浮動,原理是開啟bfc 不推薦使用 缺點 只有在父級需要浮動的...