html5绝对定位相对定位，html5绝对定位相对定位怎么设置

HTML中怎样区别绝对定位和相对定位呢?

1、当子盒子相对定位，父盒子没有定位，则子盒子相对自己原来的位置偏移。当子盒子绝对定位，父盒子没有定位，则子盒子以网页左上角进行偏移。当子盒子相对定位，父盒子绝对定位/相对定位，则子盒子相对自己原来的位置进行定位。

2、相对定位 relative 参照物为自身；相对定位只改变显示的位置，而不会改变占用的空间位置；关于距离的正负值 绝对定位 absolute 参照物为具有定位属性的父元素。

3、“position：absolute”是绝对定位的意思，单纯的使用absolute属性并不会其效果，需要配合“top bottom left right ”属性才能看到效果。

4、主体不同 相对定位：是设置为相对定位的元素框会偏移某个距离。绝对定位：absolute 脱离文档流，通过 top，bottom，left，right 定位。

5、绝对定位 设置 就是相对于它的祖先节点中 设置过相对定位的那块容器 来进行绝对定位如果祖先节点中没有设置 默认就是body标签。

6、position：absolute这个是绝对定位；是相对于浏览器的定位。比如：position：absolute；left：20px；top：80px；这个容器始终位于距离浏览器左20px，距离浏览器上80px的这个位置。

相关问答

Q1: html常用的三种定位是什么

1、相对定位 relative 参照物为自身；相对定位只改变显示的位置，而不会改变占用的空间位置；关于距离的正负值 绝对定位 absolute 参照物为具有定位属性的父元素。

2、定位：绝对定位 使用绝对值来对元素进行定位。定位：固定定位 相对于浏览器窗口来对元素进行定位。

3、position：absolute这个是绝对定位；是相对于浏览器的定位。比如：position：absolute；left：20px；top：80px；这个容器始终位于距离浏览器左20px，距离浏览器上80px的这个位置。

4、position 有以下可选值：其中，CSS 定位机制：CSS 有三种基本的定位机制：普通流、浮动和绝对定位。除非专门指定，否则所有框都在普通流中定位。也就是说，普通流中的元素的位置由元素在 (X)HTML 中的位置决定。

Q2: HTML里的相对定位和绝对定位谁能说清楚?什么时候用相对定位什么时候用...

相对定位 relative 参照物为自身；相对定位只改变显示的位置，而不会改变占用的空间位置；关于距离的正负值 绝对定位 absolute 参照物为具有定位属性的父元素。

定位：相对定位 相对于一个元素的正常位置来对其定位。定位：绝对定位 使用绝对值来对元素进行定位。定位：固定定位 相对于浏览器窗口来对元素进行定位。

但是绝对定位后，该层原来区域存在了；而绝对定位，原来位置都依然存在。比较意思用法是：div style=margin-top： 100px； height： 50px； width：100px； position： relative； background：#ff6600我是外层，相对定位。

在两者都没有特殊定位下，父盒子包含子盒子。当子盒子相对定位，父盒子没有定位，则子盒子相对自己原来的位置偏移。当子盒子绝对定位，父盒子没有定位，则子盒子以网页左上角进行偏移。

会用是第一位的，会用就行 等你到了公司以后，自然会明白需要哪种类型，比如相对，绝对，浮动等等，平时练习别考虑太多，浪费时间。

关于html5绝对定位相对定位和html5绝对定位相对定位怎么设置的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。