css自问自答(2)布局篇

1、relative,absolute,fixed的偏移有什么区别

    从对其他元素的影响上来看，relative不脱离文档流，即使进行偏移，其他元素依旧认为他在原来的位置上面，而其他两个脱离文档流，其他元素会认为这两元素不存在。

    从参照物来说。relative的参照物是自己，而absolute的参照物是理他最近的父relative元素。flixed是窗口

2、有那些清除浮动的方式，原理是什么

    一个是给父元素设置,overflow:hidden或者auto

    一个是使用::after伪元素配合clear:both进行清除

    一个是在最后加上一个真的元素设置clear:both

.float_fix::after{

display: block;

content: " ";

visibility: hidden;

height: 0;

clear: both;

}

3、使用float实现两栏跟三栏布局

    一边等宽，一边设置跟定宽相等的margin-right\left实现两栏布局

    两边等宽，中间要自适应的那个元素放到最下方实现三栏布局

    div-left

    div-right

    div-auto

4、absolute可以使用%来指定高度吗？

    不可以

5、怎么处理inline布局两个元素之间有间隙的问题

    从两个角度去消除，一个是消除空隙，也就是把两个inline-block在html中紧贴在一起。

    一个是让空隙不显示，设置父字体大小为0

6、什么情况下margin:0 auto可以让元素居中

    block的元素

7、rem是什么

是一种比例，个人认为，我们可以自动去设置一个标尺，这个标尺的设置通过font-size来设置，如果font-size是10px，那么1rem就是10px