浅谈页面布局定位

【前言】

    今天有个参加工作的学生问了道问题

    描述：子元素设置绝对定位，并不需要一定给父元素设置相对定位。祖先元素有定位属性即可。那为什么在开发过程里，经常给父元素设置相对定位，然后给子元素设置绝对定位呢？

 

【主体】

    针对这个问题，也是前端里经常出现的一个问题。有的入门不久的经常按照编程习惯记成“子绝父相”，即子元素绝对定位，那么父元素一定要设置相对定位。

    这个只是编码习惯造成的错误理解。。。

    

    之所在开发里经常给父元素加相对后再给子元素加绝对定位，是因为父元素加相对定位后才不会摆脱流式布局，其他定位属性会让其摆脱流式布局的文档流，造成页面布局混乱。

 

【拓展】

     流失定位：正常编写代码后，布局由上到下，由左到右布局。

.