兩個流體div並排

我想並排對齊2個流體div這裏是預覽http://jsfiddle.net/238ha/ 看起來像現在。我所要做的，就是有兩個div兩個流體div並排

這是當前代碼

.images { 
    border: 1px solid red; 
    position:absolute; 
    top:40px; 
    left:0px; 
    float:left; 
    width: 25%; 
    min-width: 305px; 
    height: 95%; 
} 
.content { 
    border: 1px solid blue; 
    position:absolute; 
    top:40px; 
    left: 25%; 
    width:70%; 
    min-width: 60%; 
    height: 95%; 
}

這裏就是我試圖完成

圖片：佔用屏幕

的25％

內容：佔用屏幕的75％

但是，當用戶調整屏幕大小時，div可以變大，b他們對他們能獲得多少的限制是有限制的。我已經閱讀了有關柔性盒的文章，我認爲他們可能會工作，但他們仍然不是很好的支持，而且我還沒有能夠使用「flex-flow：row」取得任何成功。我也在網站上使用bootstrap，所以如果你知道如何做到這一點，bootstrap會更好。我感謝你的幫助。

來源

2013-01-21 Joshua

你已經在'px'中設置了一個不流暢的'min-width'。爲什麼不把'.images'元素中的圖像設置爲'width：100％;高度：自動;'和圖像縮放，然後刪除'最小寬度'。你也使用'position：absolute'和'float：left'，你不需要兩個，你可以使用'float：left'並移除你的'top'和'left'線。請記住將'float：left'添加到.content類。 – James

@james我想要做的是混合流體和不流體，我想要divs寬度= 100％的總和，但是當用戶調整他們的屏幕時，我希望div有一個固定的大小。 – Joshua

然後你可能會想看看響應式設計。對於任何高於最小寬度的東西都使用流體佈局，對於下面的東西是固定的。您應該查看[媒體查詢]（http://css-tricks.com/css-media-queries）尋求幫助。 – James

你可能會想看看響應式設計。對於任何高於最小寬度的東西都使用流體佈局，對於下面的東西是固定的。你應該檢查出media queries尋求幫助。

來源

2013-01-22 14:06:49 James

-1

如果一個div具有「float：left」來指定另一個div，則您的規則中也必須設置「float：left」。如果不存在
，他們在同一行中，所以第一個是左邊，第二個是相同的，但是它在左邊找到了第一個，所以它會指向這個。

來源

2013-01-21 16:23:35 Danny

兩個流體div並排

回答

相關問題