自用CSS面试题

这两个属性都是让元素隐藏不可见。 两者的区别包括以下四点： 是否在渲染树中： 设置display: none;会让元素从渲染树中消失，渲染时不会占据任何空间。 设置visibility: hidden

盒子模型的组成 盒子模型由margin、border、padding、content四个部分组成。 盒子模型的分类 盒子模型分为标准盒子模型和IE盒子模型（怪异盒子模型），IE盒子模型由CSS3新增。

static（静态定位） position默认值，无定位的意思；元素出现在标准流中，无边偏移；在布局时几乎不用。 relative（相对定位） 以其原来的位置为准进行定位，元素的位置用边偏移进行移动；

共同点 改变行内元素的呈现方式，将display自动设置为inline-block。 使元素脱离普通文档流，不再占据文档物理空间。 覆盖非定位文档元素。 不同点 absolute和fixed的根元素不