HTML元素定位方式——相对定位、绝对定位、固定定位、浮动定位
布局排版是网页设计的基础，熟练使用各种定位写起网页来会更得心应手。
静态定位
当添加一个HTML元素，不设置定位方式默认为静态定位（position：static），静态定位属于文档流（排列方式就像文本，一行一行排列，文字多出会换行）。
相对定位
相对定位（position：relative）是相对于自己之前的位置进行定位，如果不改变top、bottom、left、right与文档流元素无差别。
ps：小技巧，在调整网页的细节时，常常将父元素的定位设置为相对定位，子元素设置绝对定位（子绝父相）。
绝对定位
绝对定位（position：absolute）是相对上级相对定位元素或绝对定位元素进行定位，如果上级元素没有设置定位，则会相对于body进行定位。
| 相对定位 | 绝对定位 |
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！