inline-divs包裝

我有兩個寬度爲400px的並排內聯divs。inline-divs包裝

當瀏覽器調整到小於800像素的寬度時，第二個div會將第一個div換行並重疊。我希望他們與添加到瀏覽器窗口的水平滾動條並排保持一致。我已經試過造型身體和divs與空白：nowrap。有任何想法嗎？

2011-11-16 Mike

發佈您的HTML和CSS。你可以把「min-width：800px;」這些div的容器上的css屬性 –

如果你想要一個例子，就和這個一樣。 http://stackoverflow.com/questions/8142071/how-to-set-a-width-to-turn-on-browser-scroll-bars-and-stop-collapsing-the-elemen/8142210# 8142210 – ktilcu

到目前爲止，所有的建議都很好。我討厭做額外的編碼並增加開銷。隨着我們繼續編寫代碼以使簡單的事情發揮作用，加載時間會增加。絕對的位置解決了整個難題。看到我的答案和演示下面。 –

我是個白癡。它應該是白色空間：nowrap。感謝您的建議，但...

來源

2011-11-16 01:01:18 Mike

嘗試將它們封裝在寬度爲800px的div中。

來源

2011-11-16 00:27:07 drdwilcox

你也很可能不得不最小寬度的樣式設置到父DIV

來源

2011-11-16 00:29:11 Sico

<div style='position:absolute; top:0; left:0; width:400px; 
height:250px; background-color:yellow; ' > 
</div> 

<div style='position:absolute; top:0; left:401px; width:400px; 
height:320px; background-color:red; '> 
</div>

http://zequinha-bsb.int-domains.com/side-by-side.html

EDIT: Bare in mind that absolute positioning requires parent to have 
position:relative explicit

來源

2011-11-16 00:36:56

因爲你的寬度是固定的只是創建一個外的div容器

<div class="bigbox"> 
    <div class="leftbox"> 
    </div> 
    <div class="rightbox"> 
    </div> 
</div> 

.bigbox { width: 810px;} 
.leftbox { width: 400px; float: left} 
.rightbox {width: 400px; float: right}

來源

2011-11-16 00:38:50

回答

相關問題