1:行内元素和块级元素的区别和他们的特点是什么?总结如下:
块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度
行内元素不会独占一行,相邻的行内元素会排在同一行里,直到一行排不下,才会换行,其宽度随元素内容而变化,另外
1.块级元素可以设置宽高属性
2.行内元素设置宽高属性无效,他的长度高度主要根据内容决定
3.块级元素即使设置了宽度,仍然独占一行
4.块级元素可以设置padding和margin属性
2:浮动产生的问题? 怎么清除浮动的影响?
浮动会导致父元素高度塌陷,浮动会脱离文档流,导致父标签无法被撑开,且会影响后续正常布局
清除浮动的影响
1.给浮动标签的父标签固定高度(不够灵活)
2.在浮动标签的最后加一个空div,且添加样式clear:both
3.给父标签添加overflow属性
4.推荐方法:给浮动标签的父标签添加.clearfix
.clearfix {
content:’’;
clear:both;
display:block;
}
浮动的目的就是让多个块级标签在同一行上显示
面试题
最新推荐文章于 2022-05-11 20:51:42 发布