北京沣登科技发展公司

css定位的区别,css中定位有几种,有什么区别?

大家好,今天小编关注到一个比较意思的话题,就是关于css定位区别问题,于是小编就整理了2个相关介绍css定位的区别的解答,让我们一起看看吧。

  1. 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的距离

css定位的区别,css中定位有几种,有什么区别?
图片来源网络,侵删)

2、然后保存文件打开浏览器看看效果,位置显示还是比较明显的:

3、最后解释下这个结果,绝对位置就是对浏览器页面左边和顶部的距离,相对位置就是距离正常的标题的距离。以上就是css中绝对定位和相对定位的使用方法

到此,以上就是小编对于css定位的区别的问题就介绍到这了,希望介绍关于css定位的区别的2点解答对大家有用。

css定位的区别,css中定位有几种,有什么区别?
(图片来源网络,侵删)
css定位的区别,css中定位有几种,有什么区别?
(图片来源网络,侵删)

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/29305.html

分享:
扫描分享到社交APP