html中的响应div元素

我想把它放在我的静态页面中，但也要使它具有响应性 到目前为止，我注意到当我将浏览器变小时，第二个div没有移动到底部，而是非常挤到了第一个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>

CFSRB:
信息滑块

我的同僚们，我的同僚们，我的同僚们，我的同僚们。
[在此插入图片]

添加

浮动：左

；到第二师就可以了

向左浮动两个div。减小第一个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>

CFSRB:
信息滑块

我的同僚们，我的同僚们，我的同僚们，我的同僚们。
[在此插入图片]

有一把小提琴