css3 calc():css简单的数学运算-加减乘除

css3 calc():css简单的数学运算–加减乘除

多好的东西啊,不用js,一个css就解决了。

 
  
  1. .box{
  2. border:1px solid #ddd;
  3. width:calc(100% - 100px);
  4. background:#9AC8EB;
  5. }

3栏等宽布局。

 
  
  1. .box{
  2. margin-left:20px;
  3. width:calc(100%/3 - 20px);
  4. }
  5. .box:nth-child(3n){
  6. margin-left:0;
  7. }

实例:





css3 calc():css简单的数学运算-加减乘除--刘和虎的博客





width:calc(100% - 100px)




你可能感兴趣的:(CSS)