1. 首页
  2. 编程面试题
  3. 前端
  4. Css

谈谈你对盒模型的认识



专业的面试,一定会问 CSS 盒模型。对于这个题目,我们要回答一下几个方面:
(1)基本概念:content、padding、margin。
(2)标准盒模型、IE盒模型的区别。不要漏说了IE盒模型,通过这个问题,可以筛选一部分人。
(3)CSS如何设置这两种模型(即:如何设置某个盒子为其中一个模型)?如果回答了上面的第二条,还会继续追问这一条。
(4)JS如何设置、获取盒模型对应的宽和高?这一步,已经有很多人答不上来了。
(5)实例题:根据盒模型解释**边距重叠**。
前四个方面是逐渐递增,第五个方面,却鲜有人知。
(6)BFC(边距重叠解决方案)或IFC。

注意:
浮动元素和绝对定位元素不会发生边界坍塌
只有块级元素的垂直方向才存在margin合并的问题,再说一下margin负值向内部缩减,正值向外。

发布者:admin,如若转载,请注明出处:https://ai1024.vip/39544.html

QR code
//