css定位體系

2021-09-29 12:30:06 字數 504 閱讀 3030

相對位置:是指盒子在原本定位體系(常規流)下的位置,將盒子的position屬性設為relative,啟動相對位置

特點:

1.依然占用原來的尺寸

2.不會影響其他的元素位置

固定位置:將盒子的position屬性設為fixed,啟動固定位置

特點:

1.起始點在視口的左上角

2.脫離文件流(不佔位置)寬為內容的寬

3.不給方向,位置不會改變

絕對位置:將盒子的position屬性設為absolute,啟動絕對位置,當多個標籤需要重疊展示時使用

特點:

1.起始點會找第乙個父級或祖先元素不為position屬性不為static的左上角

2.脫離文件流(不佔位置)寬為內容的寬

3.不給方向,位置不會改變

定位體系(定位機制)

1 定位體系的意義 2 定位體系的分類 3 常規流 normal flow 4 浮動 floats 5 絕對定位 absolute positioning 6 選擇定位方案 css2.1中,乙個框 box,就是元素形成的方塊等 可以根據三種定位體系布局。css2.1中的定位體系幫助作者使他們的文件更...

同一行 絕對定位 CSS定位體系回顧

布局是螢幕平面上的,定位是垂直於螢幕上的 從border內邊沿圍城的區域 background在文字後面 其實就是浮起來一點點 如果你寫了absolute,一般都得補乙個relative 如果你寫了乙個absoule或fixed,一定要補top和left sticky相容性很差 經驗 不寫z ind...

css 定位連線 css絕對定位

定位的四種模式 static,relative,absolute,fixed 定位的四個位置 left,right,top,bottom 定位屬性 position,有四種狀態值 1.static 靜態定位,按元素在文件流中的順序排列,這是預設值,四個位置無效 2.relative 相對定位,元素相...