css布局的面试题

1.实现两栏或者(三栏)的布局方法。

(1)表格布局

(2)float + margin 布局

(3)inline-block布局

(4)flexbox布局

2.position:absolute /fixed有什么区别?

(1)前者相对最近的absolute/relative

(2)后者相对屏幕(viewport)

3.display:inline-block的间隙

原因:字符间距

解决:消灭字符或者消灭间距,就是字体设置为零。

4.如何清除浮动

(1)让盒子负责自己的布局

(2)overflow:hidden(auto)

(3)::after{clear:both}

5.如何适配移动端的页面?

(1)viewport

(2)rem / viewport/ media query

(3)设计上:隐藏 折行 自适应

原文地址:https://www.cnblogs.com/qijiang123/p/13803164.html