巧用CSS3的calc()宽度计算做响应模式布局

 时间:2024-10-13 08:44:32

1、calc()能做什么?calc()能让你给元素做计算,你可以给一个div元素,使用百分比、em、px和rem单位值计算出其宽度或者高度,比如说“width:calc(50% + 2em)”,这样一来你就不用考虑元素DIV的宽度值到底是多少,而把这个烦人的任务交由浏览器去计算。

2、calc()语法:calc()语法非常简单,就像我们小时候学加 (+)、减(-)、乘(*)、除(/)一样,使用数学表达式来表示如下图:其中”expression”是一个表达式,用来计算长度的表达式。

巧用CSS3的calc()宽度计算做响应模式布局

5、我们来个例子,我们做一个三列并排的模块,宽度按百分比、有padding值、有border值、还有margin-right,而且这三个值单位均用px,给出入下图Css样式

巧用CSS3的calc()宽度计算做响应模式布局巧用CSS3的calc()宽度计算做响应模式布局
  • 如何禁止IIS的自动启动
  • 在MFC中如何改变控件的TAB顺序
  • 如何修复Kali系统升级故障并升级到滚动更新版
  • js怎样动态创建添加删除元素
  • 新世界阵营装备属性装换方法
  • 热门搜索
    韩国简介 螺髻山旅游攻略 红烧大肠 霍达简介 中药减肥配方 海南旅游攻略自由行 微小说怎么写 鼻毛长怎么办 un怎么发音 心供血不足怎么调养