文章詳情頁
stackoverflow - Css3 calc()定制自適應寬度
瀏覽：186日期：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 - immutable配合react提升性能？2. javascript - sublime快鍵鍵問題3. 配置Apache時，添加對PHP的支持時語法錯誤4. Apache 已經把網站根目錄的改為allow from all了，但是服務器還是不能訪問？5. css - 寫頁面遇到個布局問題，求大佬們幫解答，在線等，急！~6. phpstudy8.1支持win11系統嗎？7. javascript - nodejs關于進程間發送句柄的一點疑問8. 實現bing搜索工具urlAPI提交9. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化10. javascript - 移動端上不能實現拖拽布局嗎？
排行榜
網公網安備