动态定位Div

Question

我正在一个网站上工作，我在顶部有两个固定的div。第一个只是一个小标题栏。第二个包含一个被编码为响应的图像。

我需要添加第三个div，它根据窗口大小动态地将自己置于第二个div下。我搜索了很多，最好的选择是添加带像素的填充或设置高度（以像素为单位）的间隔。这对我来说不起作用，因为在移动设备上，两个div之间的空间很大。

感谢任何帮助。

.one {
width: 100%; 
position: fixed; 
top: 0; 
left: 0; 
float: left; 
background-image:url(assets/img/bg/bg2.jpg); 
z-index: 3;}

.two { 
width: 100%; 
position: fixed; 
top: 75px;
left: 0;
float: left; 
z-index: 0; }

.three {  
width: 100%; 
height:200px; 
position: relative; 
float: left; 
z-index: 2;}

<div class="one">
<img src="assets/img/logo.png">
</div>
<div class="two">
<img src="assets/img/bg/intro.jpg" class="img-responsive">
</div>
<div class="three">This div needs to always find the bottom of the responsive div two</div>

Answer 1

查看media queries。您需要编写CSS规则，根据视口的像素大小放置div。您可以编写一条规则，如果视口小于某个像素阈值，则更改div的放置规则。

Answer 2

我会将第二个和第三个div放在另一个div中并给它一个显示：block; 我认为这就是你要找的东西。