css中的三種基本定位機制

2021-09-27 02:44:32 字數 616 閱讀 8936

css中的三種基本定位機制

a.普通文件流

b.定位:相對定位

絕對定位

固定定位

c.浮動

1.普通流中,元素位置由文件順序和元素性質決定,塊級元素從上到下依次排列,框之間的垂直距離由框的垂直margin值計算得到,行內元素在一行中水平布置

2.相對定位看作普通流的一部分,移動後的元素仍佔據原來的位置,移動元素會導致他覆蓋其他的框

3.絕對定位相對於已定位的最近的祖先元素,絕對定位脫離普通流

4.固定定位是相對於瀏覽器視窗的定位

5.浮動的元素可以左右移動,直到他的外邊框邊緣碰到包含自己的框或者另乙個浮動框的邊緣

6.浮動的元素脫離普通文件流

7.行內元素和行內塊元素會圍繞浮動框排列,塊元素會被覆蓋

CSS中的三種基本的定位機制

css 有三種基本的定位機制 普通流 浮動和絕對定位。一 普通流 除非專門指定,否則所有框都在普通流中定位。普通流中元素框的位置由元素在 x html中的位置決定。塊級元素從上到下依次排列,框之間的垂直距離由框的垂直margin計算得到。行內元素在一行中水平布置。二 定位 相對定位 被看作普通流定位...

CSS有三種基本的定位機制

css有三種基本的定位機制 普通流,浮動和絕對定位.普通流 在普通流中元素框的位置由元素在html中的位置決定,1 元素position屬性為static或繼承來的static時就會按照普通流定位 2 position屬性的relative 相對定位 值時,它將出現在他所在的位置上,然後可以通過設定...

CSS中的三種基本的定位機制(普通流 定位 浮動)

普通流中元素框的位置由元素在xhtml中的位置決定。塊級元素從上到下依次排列,框之間的垂直距離由框的垂直margin計算得到。行內元素在一行中水平布置。普通流就是html文件中的元素如塊級元素 行內元素依據他們的顯示屬性按照在文件中的先後次序依次顯示。是塊級元素就佔一行或多行,是行內元素就和其他元素...