使用CSS百分比和單位一起計算保證金

margin-left: 100 + 20%;

我想要做與上述相同的操作。但CSS沒有任何格式。我怎樣才能成功地將它們一起使用？使用CSS百分比和單位一起計算保證金

來源

2011-04-09 icaptan

沒有javascript？只有將該內容包裝到另一個元素（通常爲<div>）中並將該邊距分爲兩個元素。

喜歡的東西：

<div style="margin-left:20%"> 
    <div style="margin-left:100px"> 
    <!-- content --> 
    </div> 
</div>

來源

2011-04-09 18:49:00 Damb

這真的很好！但它真的有用嗎？內部的分區也會有100 px的餘量給外部分區嗎？謝謝！ – icaptan 2011-04-09 19:01:10

您將不得不嘗試。但我不明白爲什麼它不應該工作:) – Damb 2011-04-09 19:04:36

您好，歡迎來到StackOverflow。不幸的是，CSS沒有這種（好的）行爲，但LESS會。對於JavaScript實現，請看here。如果你想要一個PHP實現，請看here。你可能會對我爲什麼談論JS和PHP感到困惑，但是LESS會做的是把你的.less文件變成一個vanilla CSS文件，無論是在客戶端（JS）還是在你的服務器（PHP）上，。

來源

2011-04-09 18:47:49 Bojangles

如何將LESS創建一個樣式表，可以動態地添加一個相對和絕對寬度，並返回一個像素值？我沒看到它。 – 2011-04-09 18:50:31

我的歉意......我以爲他的意思是'100％+ 20％'。 – Bojangles 2011-04-09 18:51:43

是啊，沒有JS（或像@dampe所示的漂亮技巧）無法工作。但是，感謝您指出LessPHP，看起來很有趣！ – 2011-04-09 18:54:52

使用CSS百分比和單位一起計算保證金

回答

相關問題