問(wèn)題描述

casperOne：我想用CSS設(shè)置一個(gè)50px的 p ，不能超過(guò)100%寬度，也不用JavaScript。如何實(shí)現(xiàn)？

問(wèn)題解答

Derek：可以實(shí)現(xiàn)，但不需要用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

關(guān)于Calc屬性詳解：https://developer.mozilla.org/zh-CN/docs/CSS/calc