CSS定位，當窗口大小調整時，要固定內容的寬度。

我有一個內部帶有兩個嵌套div的div，（float：left）是菜單欄，右邊（float：right）應該顯示頁面的任何內容，當窗口最大時它工作正常，但是當我調整它的大小時，內容會被摺疊，直到它不再有任何空間，它被強制顯示在左邊的菜單欄下，我如何使寬度固定，以便用戶在調整大小時可以滾動？（CSS寬度沒有工作，我漂浮內容的正確和沒有之間交替），這裏是代碼：CSS定位，當窗口大小調整時，要固定內容的寬度。

<div style="width:100%"> 
    <div style="float:left; background:#f5f5f5; border-right:1px solid black; height:170%; width:120px;"></div> 
    <div style="margin-right:2px;margin-top:15px; margin-bottom:5px; width:100%; border:1px solid #f5f5f5"></div> 
</div>

我只需要對Interner Explorer，這工作了。

來源

2008-12-10 akhalid

這應該這樣做（容器是包含2的div父格）：

.container { 
    width: 1024px; 
    display: block; 
}

來源

2008-12-10 15:17:45 bezmax

那麼，把width或min-width屬性是要走的路。

現在，沒有一個例子，或者實際頁面的鏈接，回答起來有點棘手。

來源

2008-12-10 15:12:34 mat

只是不要讓正確的div浮動。菜單已經在任何其他內容左側浮動。只需爲右分區設置左邊距，以便該分區中的內容不會纏繞浮動分區。

來源

2008-12-10 15:13:45 Tuminoid

如果兩個div佔用了可用寬度的100％，可以嘗試使用百分比寬度並顯示：在需要的位置內部嵌入另一個具有固定最小寬度/寬度（boo IE）的div。

這是沒有一些HTML，而很難去

來源

2008-12-10 15:15:53 annakata

你包含分區應該有一個寬度足以容納兩個內部div的

所以，如果你的兩個內部div的是每假設你300像素他們沒有邊距/填充，那麼你應該設置外部div爲600px;

來源

2008-12-10 15:16:22 qui

我有點困惑：
固定寬度的裝置節點的寬度不會改變。決不。你說你想在屏幕變得太小而無法顯示內容時滾動，所以我認爲你的意思是固定寬度的確切對照。

如果我的假設是正確的，你可以像前面提到的那樣尋找百分比寬度。小心寬度建議的「最小寬度」的解決方案，因爲它不是很好的支持。

<div id="container" style="width:100%"> 
    <div id="primaryNav" style="float:left; width:150px; background-color: Orange">someNav</div> 
    <div id="content" style="margin-left: 10px; background-color: Red; overflow: auto;"> 
     loadsOfSuperInterestingContentI'mSuperSerious<br/> 
     <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> 
     <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> 
     <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> 
     Seriously 
    </div> 
</div>

這應該是相當的跨瀏覽器

來源

2008-12-10 15:23:29

您可能需要設置包含div的寬度並設置overflow屬性

#containing_div { 
    width: 200px; 
    overflow: auto; 
}

而且使用最小寬度屬性頁面上如果這是有道理的，但是CSS屬性並沒有真正與IE6兼容，這通常是我在這種情況下所做的（支持Firefox，IE7，IE6等）

#container { 
    min-width: 1000px; 
    _width: 1000px; /* This property is only read by IE6, which gives a fixed width */ 
}

來源

2008-12-10 15:27:34

正如@ boris-callens所說，注意最小寬度屬性，因爲它沒有得到廣泛的支持（IE6絕對不會使用它，因此我建議使用_width來解決IE6）。 – 2008-12-10 15:49:46

CSS定位，當窗口大小調整時，要固定內容的寬度。

回答

相關問題