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

css3计算属性(calc)

时间:2017-07-06 18:52:19      阅读:399      评论:0      收藏:0      [点我收藏+]

标签:css   cal   client   底部   浏览器   内容   nbsp   屏幕   doc   

如果有固定头部高度和底部高度,内容的高度或者宽度想要根据浏览器屏幕自适应的话,可以用到css3的计算属性,即calc。

用法如下:

    内容区域高/宽 = calc(100% - 头部高宽 - 底部高宽)  

    //这样就可以自适应高度或宽度了。

    浏览器高度: document.documentElement.clientHeight

    

 

css3计算属性(calc)

标签:css   cal   client   底部   浏览器   内容   nbsp   屏幕   doc   

原文地址:http://www.cnblogs.com/alvin553819/p/7127117.html

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