前端面试题 总结及答案 (持续更新)

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 两边不允许出现浮动元素

猜你喜欢

转载自blog.csdn.net/sea9528/article/details/106646966