1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
      <output id="hzk7v"></output>
    2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
    3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>

      详解CSS3中的box-sizing£¨content-box与border-box£©

        发布时间£º2019-04-19 15:40:24   作者£º佚名   我要评论

      这篇文章主要介绍了CSS3中的box-sizing£¨content-box与border-box£©的相关资料,需要的朋友可以参考下

      CSS3中的box-sizing£¨content-box与border-box£©

      CSS3中的box-sizing 属性允许以特定的方式来指定?#24515;?#22411;£¬有两种方式£º

      content-box£º标准?#24515;?#22411;£¬又叫做 W3C?#24515;?#22411;£¬一般在现代浏览器中使用的都是这个?#24515;?#22411;

      border-box£º怪异?#24515;?#22411;£¬低版本IE浏览器中的?#24515;?#22411;

      现代浏览器和IE9+默?#29616;?#26159;content-box¡£

      语法格式£º

      box-sizing£ºcontent-box | border-box

      区别£º

      content-box£ºpadding和border不被包含在定义的width和height之内¡£

      盒子的?#23548;?#23485;度=设置的width+padding+border

      border-box£ºpadding和border被包含在定义的width和height之内¡£

      盒子的?#23548;?#23485;度=设置的width£¨padding和border不会影响?#23548;?#23485;度£©

      总结

      以上所述是小编给大家介绍的CSS3中的box-sizing£¨content-box与border-box£©£¬希望?#28304;?#23478;有所帮助£¬如果大家有任?#25105;?#38382;请给我留言£¬小编会及时回复大家的¡£在此也非常感谢大家对脚本之家网站的支持£¡

      相关文章

      • 谈谈对css属性box-sizing的了解

        本篇文章主要介绍了css属性box-sizing£¬box-sizing属性是CSS3中引入的£¬有人解释为它可以指定用width属性与height属性分别指定的宽度值与高度值是否包含元素内部的补白区域
        2017-01-04
      • CSS3 box-sizing属性详解

        随着浏览器对HTML5及CSS3的支持£¬在移动端及?#20801;?#24212;页面中CSS3.0发挥着很大优势£¬下面小编来给大家讲下CSS3.0的属性之box-sizing£¬感兴趣的朋友们可以参考借鉴£¬下面来一起
        2016-11-15
      • css3 ?#24515;?#22411;以及box-sizing属性全面了解

        下面小编就为大家带来一篇css3 ?#24515;?#22411;以及box-sizing属性全面了解¡£小编觉得挺不错的£¬现在就分享给大家£¬也给大家做个参考¡£一起跟随小编过来看看吧
        2016-09-20
      • 使用CSS3的box-sizing属性解决div宽高被内边距撑开的问题

        div往往会因为内边距的设置而使整个层宽度和高度超出预定范围,而CSS3的box-sizing属性可以简单解决这样的现象,下面我们就来详细解说使用CSS3的box-sizing属性解决div宽高被
        2016-06-28
      • CSS3属性box-sizing使用指南

        这篇文章主要介绍了CSS3属性box-sizing使用指南,需要的朋友可以参考下
        2014-12-09
      • css3 box-sizing属性使用参考指南

        CSS3 box-sizing属性£¬在很多新手朋友来?#35789;?#27604;较?#21543;?#30340;,接下来介绍CSS3 box-sizing使用及注意部分£¬感兴趣的朋友可以了解下
        2013-01-08
      • CSS3 box-sizing属性

        说到 IE 的 bug£¬一个臭名昭著的例子是它对于“?#24515;?#22411;”的错误解释£º在 IE5.x 以及 Quirks 模式的 IE6/7 中£¬将 border 与 padding 都包含在 width 之内¡£这为前
        2009-04-17

      最新评论

      3dÊÔ»úºÅÖвÊÍø

        1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
          <output id="hzk7v"></output>
        2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
        3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>

            1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
              <output id="hzk7v"></output>
            2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
            3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>