文章詳情頁
stackoverflow - Css3 calc()定制自適應寬度
瀏覽：131日期：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. lucene - java web 現在做搜索功能，用什么比較好呢2. vue.js - npm run dev報錯了，不知道是不是node.js或者npm installed的版本問題3. 求救一下，用新版的phpstudy，數據庫過段時間會消失是什么情況？4. PHP類屬性聲明？5. javascript - vue引入微信jssdk 配置在哪個生命周期調取接口配置？6. javascript - 這種效果是輪播的效果嗎？？沒有思路，求解釋。謝謝大家7. objective-c - ios百度地圖定位問題8. 跟著課件一模一樣的操作使用tp6,出現了錯誤9. php laravel框架模型作用域10. 在應用配置文件 app.php 中找不到’route_check_cache’配置項
排行榜
網公網安備