当前位置:   article > 正文

CSS中的计算属性_css计算属性

css计算属性

CSS计算属性的作用:

  1. div{
  2. width: 100%;
  3. margin-left: 100px;
  4. height: 100px;
  5. background-color: aqua;
  6. }

 

 CSS计算属性的使用:

  1. div{
  2. /* 属性:calc(计算内容) */
  3. width: calc(100% - 100px);
  4. margin-left: 100px;
  5. height: 100px;
  6. background-color: aqua;
  7. }

 
以上代码就可以完美解决这个问题,通过 calc() 方法,计算出 100% - 100px 的大小,再赋给 width 属性。

原创作者:吴小糖

创作时间:2022.12.06

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/163771
推荐阅读
相关标签
  

闽ICP备14008679号