文章詳情頁
stackoverflow - Css3 calc()定制自適應寬度
瀏覽：134日期：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. 跟著課件一模一樣的操作使用tp6,出現了錯誤2. PHP類屬性聲明？3. macos - mac下docker如何設置代理4. javascript - 為何CreateElement之后，在這標簽前插入子節點，沒用5. javascript - 求助關于call和apply的問題，反柯里化6. 用TP6寫的HTML，我的layui樣式為什么出不來，路徑沒錯，頁面報錯：不允許加載本地資源：fil7. css3怎么讓img上下左右居中8. css3 - 圖文響應式樣式9. css - 手機瀏覽器的兼容問題，微信和其它下載的瀏覽器打開沒有問題，谷歌也測試過，就是手機自帶的瀏覽器有問題。10. javascript - 求助大問題!!!!!這輸出為什么能不一樣
排行榜
網公網安備