文章詳情頁
stackoverflow - Css3 calc()定制自適應寬度
瀏覽：77日期：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. 一個走錯路的23歲傻小子的提問2. angular.js - angularjs 使用鼠標懸停時，標簽一直閃3. 我在centos容器里安裝docker，也就是在容器里安裝容器，報錯了？4. 在mac下出現了兩個docker環境5. angular.js - angularjs的自定義過濾器如何給文字加顏色？6. c++ - win764位環境下，我用GCC為什么指針占8個字節，而long是4個字節？7. java - Hibernate查詢的數據是存放在session中嗎？8. python 計算兩個時間相差的分鐘數，超過一天時計算不對9. html5 - HTML代碼中的文字亂碼是怎么回事？10. python - django 里自定義的 login 方法，如何使用 login_required()
排行榜
網公網安備