用窗口改變DIV的寬度

我有兩個div：一個是浮動左邊，另一個是右邊。右邊的div是一個不變的大小，但我希望左邊的div根據窗口大小改變它的寬度。我目前的寬度設置爲75％，這在一定的尺寸上看起來很棒。但是，當窗口變得相對較大時，兩個div之間的空間變得太大。如何設置左側div的寬度，使其與右側div的距離恆定，無論窗口大小如何？用窗口改變DIV的寬度

來源

2012-06-27 davitykale

您可以將左浮動div設置爲100％，並給它一個與右浮動div一樣寬的餘量。這應該工作

像這樣jsfiddle

來源

2012-06-27 21:00:09

'float：right'在IE 7及以下版本中可能無法預測 - 至少在我的經驗中！「 – jaypeagi

」及以下「你的意思是IE 6？恕我直言，如果網頁必須保持兼容IE7及以下，我們也不能使用HTML5，沒有視頻標籤等 –

取決於網站的上下文。在工作中，我必須確保網頁在IE7中的功能*。而且，許多HTML5功能在舊版瀏覽器中都會很好地降級。沒有理由不使用它，但值得注意！ – jaypeagi

設置最左邊的div的寬度100%並給它一個margin-right相同的寬度爲右div。然後，將右側的div的位置絕對化並將其固定在頁面的右上角。

來源

2012-06-27 21:00:29 meagar

也值得添加一個'word-wrap：break-word;'用長詞/ url來保存這個打破。不幸的是CSS3。 – jaypeagi

用窗口改變DIV的寬度

回答

相關問題