在缩小窗口屏幕尺寸时浮动div [英] float the div when reducing the windows screen size

问题描述

我减少窗口屏幕大小时浮动div的问题。我想实现的是我有两个并排的div，两个div都是浮动的。当我减少浏览器窗口的屏幕大小，右侧的div将移动到左侧的div的底部。请参阅下面的屏幕截图：

I am having problem of floating the div when reducing the windows screen size. What I would like to achieve is I have two div side by side, both div are floating left. When I reduce the browser windows screen size, and the right div will move to the bottom of the left div. Please see the screenshots below:

首先，两个div并排显示。减少浏览器窗口大小后，右边的div内容会移动到左边div的底部。

At first, two divs are displayed side by side. After reduce the Browser windows size, the right div content will move to the bottom of the left div.

推荐答案

，并修正子女的大小： http://jsfiddle.net/zV9ea/

Use a parent div, and fix the size of the children: http://jsfiddle.net/zV9ea/

这篇关于在缩小窗口屏幕尺寸时浮动div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！