关于相对定位和绝对定位_html/css_WEB-ITnose

关于相对定位和绝对定位

1.怎么来理解这两个呢，
感觉别人问的时候总是说不清楚啊，
2.到底啥时候用相对定位，啥时候用绝对定位啊~

回复讨论(解决方案)

关于相对定位和绝对定位

1.怎么来理解这两个呢，
感觉别人问的时候总是说不清楚啊，
2.到底啥时候用相对定位，啥时候用绝对定位啊~

可以这样理解不，

相对定位是相对于元素原来的位置进行移动，
元素移动后，其原来占用的位置会保留，不脱离文档流。

绝对定位是相对于父级来进行绝对定位的，且移动后，元素原来占用的位置不会被保留，脱离文档流。

关于相对定位和绝对定位

1.怎么来理解这两个呢，
感觉别人问的时候总是说不清楚啊，
2.到底啥时候用相对定位，啥时候用绝对定位啊~

可以这样理解不，

相对定位是相对于元素原来的位置进行移动，
元素移动后，其原来占用的位置会保留，不脱离文档流。

绝对定位是相对于父级来进行绝对定位的，且移动后，元素原来占用的位置不会被保留，脱离文档流。

绝对定位是相对于父级或者上一级中第一个有position(绝对，相对定位的都可以)来进行绝对定位的，且移动后，元素原来占用的位置不会被保留，脱离文档流。

你好像很理解了啊，绝对定位从一开始就是脱离文档流的，不会影响主文档流的布局。

你好像很理解了啊，绝对定位从一开始就是脱离文档流的，不会影响主文档流的布局。

你好像很理解了啊，绝对定位从一开始就是脱离文档流的，不会影响主文档流的布局。

额，就是说的时候之前感觉说不出来，
还有那个盒子模型，我就知道有四个属性， padding（内边距）、marging（外边距）、border（边框）、content（内容）
其他的答不上来了。~

之前也有遇到过这样的问题，建议一般不要使用绝对布局，因为浏览器的盒模型的设置有些是不一样的，使用绝对布局的话，在不同的浏览器上实现，很有可能出现错位现象

相对定位：相对我现在的位置进行的定位
绝对定位：我一定要定在这个位置