文章詳情頁
css - 有沒有辦法讓寬度是100%的div減少100px
瀏覽：104日期：2023-08-11 17:59:45
問題描述
有沒有辦法用純CSS實現(xiàn)某個width:100%的p寬度減少100px。不想用js實現(xiàn)，不知道CSS3里有沒有這個方法，當(dāng)然能兼容越多瀏覽器越好。
問題解答
回答1：CSS3 的方法
p { width:100%; box-sizing:border-box; border-left:100px solid transparent;}回答2：
css3有個計算器 calc()可以這樣寫：
p {width:-webkit-calc(100%-100px);width:-moz-calc(100%-100px);width:calc(100%-100px);}回答3：
在此p的外面再套一個p，讓這個p的padding或者margin（不過注意一定是標(biāo)準(zhǔn)盒模型）為50px(具體看你的需求，如果不想居中的話就改改相應(yīng)的參數(shù)）
我不知道這個p的寬度100%是你不能改還是怎么著，如果可以改的話，直接把width:100%去掉，加上margin:50px也就可以了，還可以少個p
標(biāo)簽：
CSS
相關(guān)文章：
1. python - pandas按照列A和列B分組，將列C求平均數(shù)，怎樣才能生成一個列A,B,C的dataframe2. javascript - 請問 chrome 為什么會重復(fù)加載圖片資源？3. mysql - 字符串根據(jù)字典替換4. 正則表達式 - python pandas的sep參數(shù)問題5. mysql - sql 優(yōu)化問題，between比in好？6. 個人主頁博客統(tǒng)計中的“進入博客”不能點擊7. java - spring 4.+ 利用reponse 下載文件看不到文件到底有多大，但是能下載成功 ？8. javascript - weex和node,js到底是怎樣一個關(guān)系呢？9. 就一臺服務(wù)器，mysql數(shù)據(jù)庫想實現(xiàn)自動備份，如何設(shè)計？10. mysql 5個left關(guān)鍵 然后再用搜索條件 幾千條數(shù)據(jù)就會卡，如何解決呢
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備