本文介绍了 CSS3 中的 box-sizing 属性,在这之前读者需要预备知识 width 的范围。
Browser | Suppored | Notes |
---|---|---|
Internet Explorer | Yes | version 8.0 |
Mozilla Firefox | Yes | 29.0 2.0 -moz- |
chrome | Yes | 10.0 4.0 -webkit- |
opera | Yes | version 9.5 |
Safari | Yes | 5.1 3.2 -webkit- |
box-sizing 属性可以有三个值:content-box(defalut),border-box 属性。
View Code
- <style>
- div{ width:100px; height:100px; border:20px solid yellow; padding:20px;
- background:green; background-clip:content-box; } .content-box{ box-sizing:content-box;
- } .border-box{ box-sizing:border-box; }
- </style>
效果截图:
来源: http://www.bubuko.com/infodetail-1855794.html