写文章
  1. 犀牛前端部落首页
  2. CSS百科

CSS3：如何设置一个元素的宽度等于100% 减去50px？

犀牛前端部落 • 2019年3月1日 pm11:42 • CSS百科 • 阅读 522

我们可以使用CSS3的calc方法， 而不需要去使用IE的expression。

代码如下：

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

案例代码: http://jsfiddle.net/thirtydot/Nw3yd/66/

使用calc这个技术可以很容易的实现这个效果，目前以及被IE9和三大主流浏览器所兼容，想要阅读更多可以参考这个网址: http://caniuse.com/calc

MDN: https://developer.mozilla.org/en/CSS/-moz-calc

原创文章，作者：犀牛前端部落，如若转载，请注明出处：https://www.pipipi.net/730.html

赞 (0)
犀牛前端部落 犀牛前端部落 管理团队
0 0
【机械设计】Solidworks2012软件安装教程
« 上一篇 2019年2月27日 pm6:02
CSS3：如何实现height:0和height:auto的动画效果？
下一篇 » 2019年3月1日 pm11:48

相关推荐

发表评论

登录后才能评论