CSS:float:左边有一个margin-right不会将所有元素都推开

Question

我希望我的所有内容都能在图像中流动.要做到这一点,我只是做了

img#me {
    width: 300px;
    float: left;
    margin-right: 30px;
}

这适用于文本包装,但其他元素则支持它.例如

<style>
h2 {
   background: black;
   color: white;
}
</style>
<img id="me" src="http://paultarjan.com/paul.jpg" />
<h2>Things!</h2>

然后h2背景流过30px边缘.我应该怎么做呢？

Answer 1

我希望我能解释原因,但是

h2 {
   ...
   overflow: hidden;
   ...
}

应该解决你的问题.