Javascript 调整窗口大小时如何将div放在内容下?

Javascript 调整窗口大小时如何将div放在内容下?,javascript,css,html,collapse,Javascript,Css,Html,Collapse,假设我有一个简单的html(+css)页面,页面有页眉,下面有两个div(左和右)和页脚。当调整窗口大小时,我想使右div位于左div之下。 我举了两个例子来说明这种效果: -这是一个简单的例子,但它100%符合我的想法,这是另一个更复杂但也很好的例子: 这种效应是如何命名的?我需要JavaScript吗?这种效果称为响应式web设计,它使用媒体查询来针对特定的设备大小 通过观看以下介绍视频,您可以了解有关如何使用和处理媒体查询的更多信息: 此外,这里有一篇很棒的文章,可以为您节省大量时间

假设我有一个简单的html(+css)页面,页面有页眉,下面有两个div(左和右)和页脚。当调整窗口大小时,我想使右div位于左div之下。 我举了两个例子来说明这种效果:

-这是一个简单的例子,但它100%符合我的想法,这是另一个更复杂但也很好的例子:


这种效应是如何命名的?我需要JavaScript吗?

这种效果称为响应式web设计,它使用媒体查询来针对特定的设备大小

通过观看以下介绍视频,您可以了解有关如何使用和处理媒体查询的更多信息:

此外,这里有一篇很棒的文章,可以为您节省大量时间和挫折:


这种效果称为响应式web设计,它使用媒体查询来定位特定的设备大小

通过观看以下介绍视频,您可以了解有关如何使用和处理媒体查询的更多信息:

此外,这里有一篇很棒的文章,可以为您节省大量时间和挫折:


Twitter为响应式html设计提供了一个非常棒的框架:
它的使用非常简单,节省了大量工作。

Twitter为响应式html设计提供了一个很棒的框架:
它的使用非常简单,节省了大量工作。

不,您不需要JavaScript。您可以使用css媒体查询来完成第一个站点所做的工作。如果你已经尝试了什么,请告诉我们;如果没有,请这样做,然后询问。不,你不需要JavaScript。您可以使用css媒体查询来完成第一个站点所做的工作。如果你已经尝试了什么,请告诉我们;如果没有,请这样做,然后询问。第二个视频正是我想要的。非常感谢。第二个视频正是我想要的。非常感谢。