大家好,今天小编关注到一个比较有意思的话题,就是关于css定位的区别的问题,于是小编就整理了2个相关介绍css定位的区别的解答,让我们一起看看吧。
css相对定位和绝对定位用于什么地方?
绝对定位是相对于父标签决定位置,一般用于相对定位标签里面,JS特效经常用到。
相对定位是相对于上一个相对定位的。一般用于浮动定位标签里面,一般跟绝对定位配合使用。浮动定位才是常用的。看例子:以下只说id名代表div 绝对定位:position:absolute 如果bq1(绝对定位)外面没有div等父标签,bq1会以body为父标签。左边距距body 10像素,上边距距body 10像素。如果bq4(绝对定位)在bq3(相对定位)里面,左边距距bq3 10像素,上边距距bq3 10像素。相对定位:position:relative bq2(相对定位)总是相对于前面的同级标签为基准标签(bq1)。bq3以bq2为基准标签。css中,绝对定位和相对定位是什么意思?通常都是怎么用?
1、新建一个html文件输入两个div标签,接着使用style属性,分别给div设置为绝对定位absolute和相对定位relative,让他们其中全部向左移动20px,向上移动30px的距离:
2、然后保存文件打开浏览器看看效果,位置显示还是比较明显的:
3、最后解释下这个结果,绝对位置就是对浏览器页面左边和顶部的距离,相对位置就是距离正常的标题的距离。以上就是css中绝对定位和相对定位的使用方法:
到此,以上就是小编对于css定位的区别的问题就介绍到这了,希望介绍关于css定位的区别的2点解答对大家有用。