相對位置:是指盒子在原本定位體系(常規流)下的位置,將盒子的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 相對定位,元素相...