码迷,mamicode.com
首页 > 其他好文 > 详细

calc 的使用

时间:2016-08-05 10:16:48      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:

通常情况下,一个元素节点使用固定定位absolute和固定定位fixed,会遇到一个问题,如果设置100% ,此时你在对他设置padding,border,margin,它就会撑满

具体情况如下图:

技术分享

css3提供了一个属性方法calc;

.box {
  width: calc(100%-padding的值-border-width的值)
}

 当然,这是css3的方法,在实际的项目中要加上前缀

你会得到效果类似下图

技术分享

具体例子不举,因为比较简单,参考网址:http://www.w3cplus.com/css3/how-to-use-css3-calc-function.html

 

calc 的使用

标签:

原文地址:http://www.cnblogs.com/liangcheng11/p/5740065.html

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