前端面试题 总结及答案 （持续更新）

Html5 Css 部分

1.行内元素和块级元素的区别？行内块元素的兼容性使用？（IE8 以下）

答：
行内元素：同类型的标签排在同一排，内容撑开宽度，不能包含块级元素，设置width，height无效（可以设置line-height），padding上下无效，margin上下无效，代码换行被解析，解析宽度和父级的字体大小有关。
块级元素：会独占一行，垂直方向排列，默认宽度是父级100%的宽，支持所有css的样式。

2.清除浮动有哪些方式？比较好的方式是哪一种？

答：
1.父级也浮动。弊端：通篇都浮动，margin页面居中会失效， 可以理解父级如果有浮动，子级的浮动不需要做清浮动处理
2.给父级加 display:inline-block; 弊端：margin页面居中会失效可以理解父级如果有display:inline-block，子级的浮动不需要做清浮动处理。
3.给父级加高； 弊端：不利于扩展，可以理解为父级如果有高度，并且万年不变，不需要做清浮动的操作。
4.给父级加overflow:hidden;弊端：子级有可能（注意是有可能）显示不完全
overflow:
auto 溢出出现滚动条
scroll 溢出出现滚动条
hidden 溢出隐藏
5.伪类清浮动
清浮动
clear 标签元素的某一侧不允许出现浮动元素
left 左边不允许出现浮动元素
right 右边不允许出现浮动元素
both 两边不允许出现浮动元素