文章詳情頁
stackoverflow - Css3 calc()定制自適應寬度
瀏覽：182日期：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. nignx - docker內nginx 80端口被占用2. docker容器呢SSH為什么連不通呢？3. javascript - 連續點擊觸發mouseleave事件4. docker - 各位電腦上有多少個容器啊？容器一多，自己都搞混了，咋辦呢？5. 關于docker下的nginx壓力測試6. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””7. mac里的docker如何命令行開啟呢？8. docker gitlab 如何git clone？9. dockerfile - 我用docker build的時候出現下邊問題 麻煩幫我看一下10. angular.js使用$resource服務把數據存入mongodb的問題。
排行榜
網公網安備