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