源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

标题: css中百分比宽度减去固定宽度的写法，支持各种浏览器 [打印本页]

---

作者: 洪七公    时间: 2023-11-1 15:36
标题: css中百分比宽度减去固定宽度的写法，支持各种浏览器

在一个div内，左右横排几个div，但是宽度是100%没有固定的值，只能使用这个办法

css中百分比宽度减去固定宽度的写法，支持各种浏览器

1. div{
   
2.     /*实现了宽度为父容器宽度减去固定的100像素*/
   
3.     width:-webkit-calc(100% - 100px);
   
4.     width:-moz-calc(100% - 100px);
   
5.     width:calc(100% - 100px);
   
6. }

复制代码

注意：

1.calc() 里面的公式可以加减乘除，而且支持rem,em算法

2.减号的两边必须都有至少一个空格

---

欢迎光临 源码论坛,商业源码下载,尽在锦尚中国商业源码论坛 (https://bbs.52jscn.com/)

Powered by Discuz! X3.3