寬窄

Question

的問題和這裏差不多：

CSS - Float to max width

我試圖一個<PIC>/<信息>式佈局 - 但轉折是，我想如果用戶縮小瀏覽器的大小，則可以使此佈局響應。

爲此，我需要把上面的佈局<PIC>框中<信息>框，以便當寬度低於特定像素寬度下面，我刪除了從<信息>「浮動的權利」，它應該插槽恰好在圖片框上方。

這裏的全尺寸佈局的JS提琴：

http://jsfiddle.net/FNwcA/

有沒有一種方法，使「弗雷德」框中填寫的寬度，使其對紅框的擊打，而不會使用確切的像素寬度？

謝謝！

Answer 1

如果圖片div出現在info div之前，您可以將其浮動left，並根據視口寬度（media queries）將其除去。 DEMO。

正如accepted answer to the linked question說：

它沒有多大意義漂浮的東西時，你想讓它 擴大，以填補父