stackoverflow - Css3 calc()定制自适应宽度-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

stackoverflow - Css3 calc()定制自适应宽度

伊谢尔伦 2017-04-17 11:04:13

[CSS3讨论组]

859

casperOne：我想用CSS设置一个50px的 p ，不能超过100%宽度，也不用JavaScript。如何实现？

伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

全部回复(1)

大家讲道理2017-04-17 11:06:13 1楼

Derek：可以实现，但不需要用IE的expression()，而是用CSS3中的Calc()即可。

p {
    width: 100%;
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
}

Demo: http://jsfiddle.net/thirtydot/Nw3yd/66/

这样很方便，但需要注意的是目前支持CSS3的仅有3款浏览器：Firefox，Google Chrome(WebKit)和IE9

关于Calc属性详解：https://developer.mozilla.org/zh-CN/docs/CSS/calc

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

PHP学习

技术支持

返回顶部