html中的响应div元素

Question

我想把它放在我的静态页面中，但也使其响应 到目前为止，我注意到当我使浏览器变小时，第二个div不移动到底部，而是非常挤压在第一个方面，我该如何改变这一点？

这里是我的代码：

<div style="float:left; height:200px;max-width:200px;width:100%;border:1px solid #000;padding:10px;"> 
<p><strong><span style="font-size:medium; color:#1A3A5C;">CFSRB: <br>Information Slider 
</span></strong></p> 
Lorem ipsum dolor sit amet, mel partem delicata vituperata ei, patrioque incorrupte et sit. </div> 
<div style="height:220px;border:1px solid #000;"> 
[insert picture here] 
</div> 

Answer 1

添加float:left;到第二师将做到这一点。

Answer 2

浮动两个divs离开。减小第一个div的宽度。

我更改了代码：

<div style="float:left; height:200px;max-width:200px;width:50%;border:1px solid #000;padding:10px;"> 
<p><strong><span style="font-size:medium; color:#1A3A5C;">CFSRB: <br>Information Slider</span></strong></p> 
Lorem ipsum dolor sit amet, mel partem delicata vituperata ei, patrioque incorrupte et sit. </div> 

<div style="float: left;width: auto; height:220px;border:1px solid #000;"> 
[insert picture here] 
</div> 

有一个小提琴here