CSS是前端开发中必不可少的技术,其中,定位是CSS中非常重要的概念。在网站设计中,我们常常需要对网页元素进行位置的调整,而定位可以非常方便地实现这一功能。定位在CSS中主要分为相对定位、绝对定位和固...
CSS是前端开发中必不可少的技术,其中,定位是CSS中非常重要的概念。在网站设计中,我们常常需要对网页元素进行位置的调整,而定位可以非常方便地实现这一功能。
定位在CSS中主要分为相对定位、绝对定位和固定定位三种。相对定位是一种相对于普通文档流的定位方式,元素相对于原来所在的位置进行微调;绝对定位是一种脱离文档流的定位方式,元素将相对于最近的非static定位的祖先元素进行定位;固定定位也是一种脱离文档流的定位方式,元素相对于视口进行定位。
在定位中,还有重要的属性——position。position属性可以控制元素的定位方式,比如设置为relative时为相对定位,设置为absolute时为绝对定位,设置为fixed时为固定定位。具体使用范例请见下:
p{
position:relative;
top:10px;
left:20px;
}
div{
position:absolute;
top:50px;
left:50px;
}
span{
position:fixed;
top:0;
left:0;
}