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

浮动两个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>

有一个小提琴here

html中的响应div元素

2 个答案: