div填補整個屏幕 - 像素數

Question

我目前正在一個新的網站，我想有一個div ID適合100％的屏幕，但我想有一些寬度爲250px的這個div的權利。我試圖做寬度：100％ - 120px，但似乎沒有任何區別。我怎樣才能做到這一點。

感謝您提供的任何幫助。

Answer 1

如果你想要一個250px的div在右邊，那麼你不希望第一個div是100％的屏幕。將第二個div的寬度設置爲250px，並將第一個div的寬度設置爲auto，它應該填充剩餘的空間。

Answer 2

你不能從百分比中減去像素，這不是你的答案，但我建議先學習css的基本知識，否則你將不知道爲什麼事情會按照他們的方式工作。

這裏是一個很好的網站有很多的佈局示例和教程：http://www.maxdesign.com.au/articles/css-layouts/

而且http://www.w3schools.com/對CSS標準。

就您的具體情況而言，您採取的是錯誤的方法。如果你想能夠從100％減去寬度，你可以使用JavaScript來實現這個目標。與jQuery你可以做這樣的事情：

$("#div").width($(window).width() - 125); 

然而，一旦窗口調整大小，這將無法正常工作。當窗口調整大小時，您可以添加調整大小的事件來調整div的大小，但這很麻煩並且可能看起來很遲鈍。你最好的選擇是使用css實現，但你的問題很模糊，你似乎在用側面板描述兩列布局，但我可能是錯的。僅用於兩列布局，就有不同的選項，例如您是希望主要內容是液態還是靜態。

我假設液體，因爲它更有用。

我想推薦用於創建佈局的jquery佈局。使用javascript，使用它可以非常容易地進行快速佈局。 http://layout.jquery-dev.net/

這裏是您的解決方案：http://jsfiddle.net/Z3nfv/1/