码迷,mamicode.com
首页 > Web开发 > 详细

css3中的calc的使用

时间:2019-07-30 13:01:17      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:空格   有一个   设置   alc   左右   布局   固定   错误   页面   

最近在布局的时候遇到一个问题,在页面中的左侧是侧边栏,右边是内容区域,内容区域中有一个固定定位的标签页,在设置固定定位的标签设置宽度的时候应该是内容区域的宽度,而固定定位的时候相对于是窗口的宽度,所以转换为了当前窗口的宽度减去左侧的侧边栏的宽度

开始在网上查了查有个calc属性是可以写表达式的,但是自己使用的时候却没有效果,自己测试了半天才发现是写法的错误

width: calc(100% - 10px); 

在写的时候需要在运算符的左右都加上空格才能生效

css3中的calc的使用

标签:空格   有一个   设置   alc   左右   布局   固定   错误   页面   

原文地址:https://www.cnblogs.com/wyongz/p/11269173.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!