CSS3之box-sizing属性

box-sizing本身有三个属性:content-box(默认)、border-box和padding-box。

content-box:border与padding均不算入width中;

border-box:border与padding均算入width中;

padding-box:padding算入width中,但是border不算进去。

 

 

目前火狐浏览器三个属性全都支持,IE的话不支持padding-box,会得到content-box一样的结果。

.borderBox{
   box-sizing: border-box;
   width: 200px;
  background: pink;
  border:3px solid black;
  padding:10px;
}

 

posted @ 2019-02-25 19:48  qingshanyici  阅读(148)  评论(0编辑  收藏  举报