Question

<div style="background-color:black; margin-top:0px">
    <a href="http://csc2.madonna.edu/~brabahy/hw5/mercury2.html"><img src="http://csc2.madonna.edu/~brabahy/hw5/images/Mercury1.jpg" style="float:left; margin-right:10px" height="400" width="400"></a>
    <p style="color:brown">Mercury is the smallest planet, and it's closest to the Sun of the eight planets in the Solar System. It has an orbital period of about 88 Earth days.</p>
</div>

我正在尝试在浮动图像下方而不是图像右侧开始一个新元素（另一个包含浮动图像和文本的div - 与现有img和文本相同）。但是我无法弄清楚该做什么！

Answer 1

您需要将clear: left; css样式添加到第二个div。有关Clear如何工作的更多信息，请访问：https://developer.mozilla.org/en-US/docs/Web/CSS/clear

http://codepen.io/anon/pen/YXYgKo

如何在浮动元素下面开始新的部分

1 个答案: