部分内容问题

Question

我的内容中有一个部分存在问题。

如果你看到我在该部分写的所有内容都超出了它，那么该部分似乎是空的！

HTML：

<section id="scopri">
<article id="scopridettagli">
    <div id="scoprisx">
        <ul class="scopriul">
            <li>
                <p class="scopri">problemone</p>
            </li>
            <br />
            <li>
                <p class="scopri">problemtwo</p>
            </li>
            <br />
            <li>
                <p class="scopri">problemthree</p>
            </li>
            <br />
            <li>
                <p class="scopri">problemfour</p>
            </li>
        </ul>
    </div>
    <div id="scopridx">
        <ul class="scopriul">
            <li>
                <p class="scopri">stillproblemfive</p>
            </li>
            <br />
            <li>

                <p class="scopri">problemsix</p>
            </li>
            <br />
            <li>
                <p class="scopri">problemseven</p>
            </li>
        </ul>
    </div>
</article>

CSS：

http://jsfiddle.net/giovapanasiti/yLtEy/3/

感谢大家！

Answer 1

将overflow: hidden;添加到#scopridettagli ..由于其floated descendants

，其高度已折叠

jsFiddle