分享各种网络资源
是我乃至整个互联网的精髓所在
 您目前所在位置: 站点首页 » 移动互联 » 学习之路 » CSS3百分比宽度减去固定宽度的写法
  • CSS3百分比宽度减去固定宽度的写法

    CSS3百分比宽度减去固定宽度的写法-BanYuner

    最近修改CSS部分比较多,但是很多时候就遇到了这样的问题,宽度不是一个固定值,想要通过百分比减去某个固定值的宽度,百度之后还是有这方面的教程的,写起来也是非常简单的,看来CSS确实是很强大啊,什么东西基本都给用户想到了,下面直接附上相关代码了:

    div{ // 类名
    /*实现了宽度为父容器宽度减去固定的300像素*/ 
    width:-webkit-calc(100% - 300px); //100%后面有空格,300px前面有空格
    width:-moz-calc(100% - 300px); 
    width:calc(100% - 300px); 
    }
    

    上面的代码也是奇怪,“-”左右必须同时存在空格,这个效果才能存在。我很少看到站点使用这样的方法,可能大家都是使用了更加高级的方法吧。

    关注我们 错误反馈 打赏 分享此文
    • 微信扫码,关注我们

    • 扫码,支持我

      CSS3百分比宽度减去固定宽度的写法

      支付宝

    • 扫码,支持我

      CSS3百分比宽度减去固定宽度的写法

      微信

    • 扫码,手机看

      CSS3百分比宽度减去固定宽度的写法
    CSS3百分比宽度减去固定宽度的写法
    1 + 2 =