部分内容问题

时间:2013-04-08 19:50:05

标签: html css html5 article

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

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

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/

感谢大家!

1 个答案:

答案 0 :(得分:0)

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

,其高度已折叠

jsFiddle