CSS定位內容

2022-07-25 06:54:10 字數 623 閱讀 6036

div、h1 或 p 元素常常被稱為塊級元素。這意味著這些元素顯示為

一塊內容,即「塊框」。與之相反,span 和 strong 等元素稱為「行

內元素」,這是因為它們的內容顯示在行中,即「行內框」。    

css 有三種基本的定位機制:普通流、浮動和絕對定位。

除非專門指定,否則所有框都在普通流中定位。也就是說,普通流中

的元素的位置由元素在 (x)html 中的位置決定。

css position 屬性:

static   relative     absolute   fixed

css相對定位

絕對定位使元素的位置與文件流無關,因此不佔據空間。這一點與相

對定位不同,相對定位實際上被看作普通流定位模型的一部分,因為

元素的位置相對於它在普通流中的位置。

css浮動

浮動的框可以向左或向右移動,直到它的外邊緣碰到包含框或另乙個

浮動框的邊框為止。

由於浮動框不在文件的普通流中,所以文件的普通流中的塊框表現得

就像浮動框不存在一樣。

inline:塊級元素轉行內元素

block:1、隱藏元素顯示2、轉塊級元素

inline-block:兩者都包含

CSS定位內容

div h1 或 p 元素常常被稱為塊級元素。這意味著這些元素顯示為 一塊內容,即 塊框 與之相反,span 和 strong 等元素稱為 行 內元素 這是因為它們的內容顯示在行中,即 行內框 css 有三種基本的定位機制 普通流 浮動和絕對定位。除非專門指定,否則所有框都在普通流中定位。也就是說,...

學習內容回顧 CSS定位

css定位主要有四種,靜態定位 相對定位 絕對定位和固定定位。其中static靜態定位,是元素的預設定位方式,靜態定位又可以認定為不定位,這個定位方式不能使用top,bottom,left,right和z index屬性,其它三種定位則可以使用以上幾個屬性。我們這裡主要講一講後邊的這三個定位。1 相...

CSS 內容總結 四 定位

定位 綜合案例 網頁布局總結 元素的顯示隱藏 1.定位 固定定位不佔原先位置,脫標 固定定位到版心右側 粘性定位 sticky position sticky 以瀏覽器的可視視窗為參照點移動元素 粘性定位占有原先的位置 必須新增top left right bottom其中乙個才生效 子絕父相 邊偏...