如何在浮动的一侧收缩div文本？

Question

我的文字右边有一张图片，但我也希望在文字中加上“通知”div。问题是通知div在浮动后面被拉伸。文本仍然有适当的余地。据我所知，这是预期的行为，但我希望有一个解决方法。

我希望黄色的盒子缩小，所以它不会落后于图片。

通知框中包含：padding:5px; margin-bottom:3px; background-color:#FFFFE8; border:1px dotted #550; border-radius:5px;

图片div有：float:right; position:relative; border:1px solid #528a56; border-radius:5px; padding:5px; background:#FFF; margin:5px;

Answer 1

尝试：

overflow:hidden

在通知栏上。