文章詳情頁
stackoverflow - Css3 calc()定制自適應寬度
瀏覽：98日期：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. 求救一下，用新版的phpstudy，數據庫過段時間會消失是什么情況？2. python沒入門，請教一個問題3. 小程序怎么加外鏈，語句怎么寫！求救新手，開文檔沒發現4. php如何獲取訪問者路由器的mac地址5. html - 爬蟲時出現“DNS lookup failed”，打開網頁卻沒問題，這是什么情況？6. html5 - input type=’file’ 上傳獲取的fileList對象怎么存儲于瀏覽器？7. 求教一個mysql建表分組索引問題8. node.js - 用nodejs 的node-xlsx模塊去讀取excel中的數據，可是讀取出來的日期是數字，請問該如何讀取日期呢？9. javascript - vue-resource中如何設置全局的timeout？10. javascript - 在 vue里面用import引入js文件，結果為undefined
排行榜
網公網安備