你的位置:首页 > 软件开发 > 网页设计 > css之定位

css之定位

发布时间:2016-10-02 17:00:13
定位有三种,分别是相对定位 position:relative; 、绝对定位 position:absolute; 、固定定位 position:fixed; 相对定位相对定位,就是微调元素位置的,让元素相对自己原来的位置,进行位置调整。也就是说,如果一个 ...

定位有三种,分别是相对定位 position:relative; 、绝对定位 position:absolute; 、固定定位 position:fixed; 

相对定位

相对定位,就是微调元素位置的,让元素相对自己原来的位置,进行位置调整。也就是说,如果一个盒子想进行位置调整,那么就要使用相对定位

css之定位

不脱标,原来的位置还占着,形影分离

相对定位不脱标,真实位置是在原来位置,只不过影子出去了,可以到处飘。

css之定位

相对定位用途

相对定位有坑,所以一般不用于做“压盖”效果。页面中,效果极小。就两个作用:

1) 微调元素

2) 做绝对定位的参考,子绝父相

可以用left、right来描述盒子右、左的移动;可以用top、bottom来描述盒子的下、上的移动。

css之定位

实现上图的方法:

方法1:position:relative;top:100px;left:200px;

原标题:css之定位

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。