文章詳情頁
stackoverflow - Css3 calc()定制自適應寬度
瀏覽：107日期：2023-08-08 14:47:20
問題描述
casperOne：我想用CSS設置一個50px的 p ，不能超過100%寬度，也不用JavaScript。如何實現？
問題解答
回答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
標簽：
CSS
相關文章：
1. javascript - 關于定時器 與 防止連續點擊 問題2. javascript - 求助關于js正則問題3. objective-c - ios百度地圖定位問題4. javascript - 求助這種功能有什么好點的插件？5. javascript - js 有什么優雅的辦法實現在同時打開的兩個標簽頁間相互通信？6. 為何 localStorage、sessionStorage 屬于html5的范疇，但是為何 IE8卻支持？7. html5 - rudy編譯sass的時候有中文報錯8. html - css 如何添加這種邊框?9. javascript - node.js服務端渲染解疑10. 微信開放平臺 - Android調用微信分享不顯示
排行榜
網公網安備