Css在屏幕缩小时创建全宽div

Question

当屏幕尺寸减小时，如何让下面代码中的div占用100％的宽度。在缩小屏幕尺寸时，id =“two”浮动到下一行，在页面右侧留下间隙。

<div id="one"></div>
<div id="two"></div>

<style>
#one, #two {
border: 1px solid;
min-width: 400px;
max-width: 100%;
height: 200px;
float: left;
}
</style>