2013-04-25 85 views
0

我不知道是否可以做這樣的事情純CSS。 width: auto - 100px;計算與自動寬度

element.style { 
    margin-left: 100px; 
    width: auto; 
} 

我需要的100像素的值中減去的寬度,始終。這隻能用JS完成,或者有任何css選擇?

回答

5

是的,我覺得你的情況,你可以使用CSS 3 calc() function

element.style { 
margin-left: 100px; 
width: calc(100% - 100px); /* Just an example */ 
} 
+0

+1那個快啊.. :) – PSL 2013-04-25 18:10:38

+0

快速和錯誤的。除非容器的寬度小於100像素。 – 2013-04-25 18:10:59

+1

許多瀏覽器仍然需要自己的供應商前綴tho,例如'width:-webkit-calc(100px - 100%); – 2013-04-25 18:11:39

1

,獲得廣泛支持無CSS選擇。

這些類型的計算只能在JS進行。

雖然根據不同的情況有可能是一個解決辦法涉及,填充&保證金技巧。

願你有我們也許能幫助一個具體的例子。