|
|
51CTO旗下网站
|
|
移动端

3.2.2 box-sizing

《前端程序员面试笔试宝典》第3章CSS基础,本章介绍的是CSS的基础知识,包括CSS的定义、目标和标准化等。本节为大家介绍box-sizing。

作者:平文来源:机械工业出版社|2018-11-09 16:40

3.2.2  box-sizing

CSS3中新增了一种能够更改盒模型的属性:box-sizing。这个属性有两个值:

(1)content-box:对应W3C盒模型。

(2)border-box:对应IE盒模型。

IE盒模型的计算方式也有有利的一面,无论内边距和边框如何改变,都不会影响元素的尺寸,不会打乱整体布局。尤其是在精度要求比较高的时候,多出1像素也可能破坏整体的排版。还是以上面的那段CSS为例,下面两张图是box-sizing两个值的不同解析方式,图3-5表示content-box,图3-6表示border-box。


喜欢的朋友可以添加我们的微信账号:

51CTO读书频道二维码


51CTO读书会第9群:808517103

【责任编辑:book TEL:(010)68476606】

回书目   上一节   下一节
点赞 0
分享:
大家都在看
猜你喜欢

读 书 +更多

Tomcat与Java Web开发技术详解

本书详细介绍了在最新Tomcat 5版本上开发Java Web应用的各种技术。主要内容包括:Tomcat和Java Web开发的基础知识,Java Web开发的高级技术...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊