概述
盒模型
1.概念：盒模型就是把一个元素表示成一个矩形盒子，包括content（内容），padding（内边距），border（边框），margin（外边距）
- 两种盒模型：标准盒子模型和IE盒模型的区别
标准盒模型的内容大小就是content
IE盒模型的大小是content+padding+border - 切换盒模型
通过设置box-sizing属性。标准盒模设置为content-box（默认）IE盒模型设置为border-box
BFC
1.概念： BFC就是一个特殊的块，内部元素和外部元素不会相互影响。
2.应用场景：
- 清除浮动（计算BFC高度的时候，内部浮动元素高度也会计算在内）
- 防止外边距重叠
- 自适应布局，消除文字环绕
原理：BFC不与浮动元素重叠
3.创建BFC
float属性（不为none）、overflow属性（不为visible）、position属性（absolute，fixed）、display属性（inline-block，table-cell，table-caption，flex，inline-flex）
margin重叠/高度塌陷
1.概念：
相邻多个块状元素，如
最后
以上就是端庄银耳汤为你收集整理的HTML/CSS面试题的全部内容，希望文章能够帮你解决HTML/CSS面试题所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复