在前端页面开发中,要实现复杂页面的布局,必须根据不同的设计寻求不同的CSS定位机制。CSS有三种基本定位机制:标准流,浮动,定位,今天小编先给大家介绍一下定位。
定位(position)
顾名思义,你想定哪就定哪;
元素的定位属性主要包括两部分:定位模式和边偏移
(1)定位模式
定位的语法:position:属性值;
position属性常用的值
static自动定位(默认定位方式)
relative相对定位,相对于其原文档流的位置进行定位
absolute绝对定位,相对于其上一个已经定位的父元素进行定位
fixed固定定位,相对于浏览器窗口进行定位
1)静态定位(static)
文档流中的默认位置,标准流特性。
取消定位会用到:position: static;
HTML
CSS
不能使用偏移属性。
2)相对定位(relative)
相对定位是将元素相对于它在标准流中的位置进行定位,当position属性的取值为relative时,可以将元素定位于相对位置。
HTML
CSS
浏览器
对元素设置相对定位后,可以通过边偏移属性改变元素的位置,但是它在文档流中的位置仍然保留,不脱标。
CSS
浏览器
相对定位的元素不转行内块
>>本文地址:https://www.ujiuye.com/zhuanye/2020/48593.html
声明:本站稿件版权均属中公教育优就业所有,未经许可不得擅自转载。
1 您的年龄
2 您的学历
3 您更想做哪个方向的工作?