新闻中心

详细信息

网站首页 > 业界资讯

如何用css3混合%和px计算宽度

在CSS3中,用百分百%和像素px混合计算宽度的方法

2019-07-02 09:52:25     983

在CSS3中,用百分百%和像素px混合计算宽度的方法:


比如宽度为父元素的50%加上5像素:

width:calc(50% + 5px);

要注意加号(或减号)两边一定要加上空格!

再比如宽度是父元素的三分之一再减去3像素:

width:calc((100% / 3) - 3px);

乘号(或除号)两边可以不加空格,但建议最好加上!

此外必须注意这种方法属于css3标准,不是什么浏览器都适用的哦!

站点导航

网站建设

服务领域

手机网站

解决方案

联系我们

联系我们

官方微博:http://weibo.com/szhynet

咨询QQ:11647858

咨询热线:13316470502

官方微信:华云科技平台

快速提交需求
关注微信公众号
手机版官方网站