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

猜你喜欢

转载自blog.csdn.net/aboyl/article/details/78995098
今日推荐