2011-04-11 71 views
1

下面的圖片將解釋我的意思寬度減去幾個像素

click here for image

假裝紅色區域是分頻器,因爲我只是希望它是空的,類似流體分隔

position:absolute; left:0px; right:100px; 

上面的東西不會工作,因爲我嘗試將其與已使用的位置的分隔內一個表來做到這一點:絕對....它實際上是對高度,但做講解得g簡單我只是要求的寬度

+1

「它實際上是爲了高度,但爲了簡單說明我只是要求寬度」..這很有趣,不知何故:)無論如何,這並不是一個好主意,因爲瀏覽器有不同的行爲來試圖填充寬度和高度(例如水平居中vs垂直居中) – Ben 2011-04-11 04:16:45

+0

難道你不問同一個問題在http://stackoverflow.com/questions/5616231/how-do-you-make-a-fluid-wrapping-divider-height。 – Hussein 2011-04-11 04:22:18

+0

沒有那個問題得到包裝的地方......這是一個問題得到一個表放置在包裝內的地方,因爲絕對定位不適用於這種情況 – Ninjiangstar 2011-04-11 04:49:19

回答

0

你的具體問題是相當混亂,但是,不,CSS沒有數學的概念。例如,你不能做100% - 50px,儘管這樣做會非常方便。

但是,您可以給出特定測量的元素邊距,並且如果您不給元素定義寬度,則默認情況下它是'自動',因此將佔用剩餘空間。

所以左邊的DIV可以設置爲100px右邊距。

這將回答你的問題,如果它是關於流體佈局的CSS和水平間距。

至於你的垂直間距問題和表格,這是一個完全不同的東西,所以會建議你用你正在尋求幫助的特定標記來修改你的問題。

+4

以防萬一誰遇到這一點。 .. CSS3現在可以做數學:http://updates.html5rocks.com/2012/03/CSS-layout-gets-smarter-with-calc – 2012-10-18 16:02:18

+0

好主意添加此評論,正是我需要的 – 2013-01-23 14:54:33

0

你可以有一個戰利品,以較少的CSS框架(它與JS交易)

您可以使用運算符,檢查功能&操作中less official website,很有意思,你可以做這樣的事情:

@base-color: #000000; 
    #footer { 
     color: @base-color + #003300;  
} 
0

您可以使用width: calc(100% -100px);,但不幸所有瀏覽器都不支持。

相關問題