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