CSS：“报纸作者”布局与浮动框和各种HTML内容

Question

目标： 试图在HTML / CSS中创建这个“报纸作者”布局：

溶液/问题： 我在左边放了一个盒子，我有文字和各种内容环绕着这个盒子。问题是，一些内容有背景颜色和其他CSS效果溢出到框中。如何在没有溢出问题的情况下完成此布局？

<div id="main-content">
    <aside id="side-box">
        left-floated box.
    </aside>
    <p> 
        Various content that may have background color etc.
    </p>
</div>

样本： http://jsfiddle.net/HU277/1/

  

最近我可以找到重复的问题：   CSS: Newspaper layout with two columns and a quotation box centered?

Answer 1

将overflow: hidden;添加到H1标签（重新样式填充等等）