box-sizing属性,保证给盒子新增padding和border之后, 盒子元素的宽度和高度不变,即增加padding和border之后要想保证盒子元素的宽高不变, 系统会自动减去一部分内容的宽度和高度
举一反三
- 【单选题】在盒子模型中, 盒子实际宽度(高度)=() A. 内容(content)+边框(border)+间隔(margin) B. 内容(content)+边框(border)+间隙(padding) C. 内容(content)+间隙(padding)+间隔(margin) D. 内容(content)+边框(border)+间隙(padding)+间隔(margin)
- 下列对盒子模型描述不正确的是( ) A: 一个盒子由边界、边框、填充和内容区域4个部分组成 B: 如果给盒子设置背景颜色,则背景区域包括padding、border和content三部分。 C: CSS定义盒子的width和height时,实际上定义的是内容区域content的width和height。 D: 盒子的宽度是内容宽度加上padding、border和margin。
- CSS中盒子模型的顺序从外向内是margin、padding、border和盒子本身的宽高。
- 要设置把盒子border和padding的值包含在宽高,应设置属性_________________。
- CSS盒子模型涉及内容、padding、border和 margin。