小编典典

是否可以在 CSS3 中使 div 50px 小于 100%?

all

是否可以在纯 CSS 中使div50px 小于 100%?我希望<div>50px 小于 100%。我不想要任何 JavaScript。


阅读 64

收藏
2022-06-09

共1个答案

小编典典

是的你可以。在不使用 IE 的情况expression()下,您可以在 CSS3
中使用calc().

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

演示:http:
//jsfiddle.net/thirtydot/Nw3yd/66/

这将使您的生活变得更加轻松。目前支持 3 种主要浏览器:Firefox、Google Chrome (WebKit) 和 IE9:http
://caniuse.com/calc

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

2022-06-09