HTML 与 CSS · 单选题 · 第 1 题
前端与全栈开发面试 · 第 1 题
某元素设置了 box-sizing: border-box; width: 200px; padding: 10px; border: 2px solid;,它的内容区宽度是?
- A200px
- B224px
- C196px
- D176px
答案
D D. 176px
解析
border-box 下 width 包含内容、内边距和边框,内容宽度 = 200 - 10×2 - 2×2 = 176px。默认的 content-box 下 width 只是内容宽度,元素总宽会变成 200 + 20 + 4 = 224px。margin 在两种模式下都不计入 width。