Rumah > hujung hadapan web > tutorial css > css中的三种定位机制

css中的三种定位机制

高洛峰
Lepaskan: 2017-02-27 09:11:11
asal
1674 orang telah melayarinya

css中的三种基本定位机制

a.普通文档流

b.定位:相对定位

         绝对定位

      固定定位

c.浮动

1.普通流中,元素位置由文档顺序和元素性质决定,块级元素从上到下依次排列,框之间的垂直距离由框的垂直margin值计算得到,行内元素在一行中水平布置

2.相对定位看作普通流的一部分,移动后的元素仍占据原来的位置,移动元素会导致他覆盖其他的框

3.绝对定位相对于已定位的最近的祖先元素,绝对定位脱离普通流

4.固定定位是相对于浏览器窗口的定位

5.浮动的元素可以左右移动,直到他的外边框边缘碰到包含自己的框或者另一个浮动框的边缘

6.浮动的元素脱离普通文档流

7.行内元素和行内块元素会围绕浮动框排列,块元素会被覆盖

更多css中的三种定位机制相关文章请关注PHP中文网!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan