1. <span id="z4nqb"></span>

      box-sizing

      語法:

      box-sizing:content-box | border-box

      默認(rèn)值content-box

      適用于:所有接受 <' width '> 和 <' height '> 的元素

      繼承性:無

      動(dòng)畫性:否

      計(jì)算值:指定值

      取值:

      content-box:
      padding和border不被包含在定義的width和height之內(nèi)。對象的實(shí)際寬度等于設(shè)置的width值和border、padding之和,即 ( Element width = width + border + padding )
      此屬性表現(xiàn)為標(biāo)準(zhǔn)模式下的盒模型。
      border-box:
      padding和border被包含在定義的width和height之內(nèi)。對象的實(shí)際寬度就等于設(shè)置的width值,即使定義有border和padding也不會(huì)改變對象的實(shí)際寬度,即 ( Element width = width )
      此屬性表現(xiàn)為怪異模式下的盒模型。

      說明:

      設(shè)置或檢索對象的盒模型組成模式。
      • 標(biāo)準(zhǔn)盒模型代碼與圖示例:

        .test1{
        	box-sizing:content-box;
        	width:200px;
        	padding:10px;
        	border:15px solid #eee;
        }

        content-box

      • 怪異盒模型代碼與圖示例:

        .test1{
        	box-sizing:border-box;
        	width:200px;
        	padding:10px;
        	border:15px solid #eee;
        }

        border-box

      • 對應(yīng)的腳本特性為boxSizing。

      兼容性:

      • 淺綠 = 支持
      • 紅色 = 不支持
      • 粉色 = 部分支持
      Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
      Basic Support 6.0-7.0 2.0-28.0-moz- 4.0-9.0-webkit- 6.0+ 15.0+ 6.0+ 2.1+ 18.0+
      8.0+ 29.0+ 10.0+

      示例:

      1. <span id="z4nqb"></span>
        久久婷婷视频 | 国产真实野外在线 | 美国A级毛片 | 哪里可以免费看av | 无码一区二区三区四区精品 | 精品豆花在线 | 麻豆三级电影视频 | 黄色免费在线观看视频 | 亚洲肥胖女人BB | 亚洲经典成人 |