Css html5元素没有'；不要占用空间，在下一节中溢出

我想做一个简历页。这是一个JSFIDLE

看起来是这样的：

<section class="ResumeItem">
    <header class="ResumeContentTitle" id="ResumeKnowledgeHeader">
         <p>Professional Knowledge</p>
    </header>
    <section>
         <section class="skills">
                        <header>
                            <h3>Strong Skills</h3>
                        </header>
                        <ul>
                            <li>PHP</li>
                            <li>jQuery</li>
                            <li>SQL</li>
                            <li>Ajax</li>
                            <li>HTML</li>
                            <li>CSS</li>
                        </ul>
                    </section>

                    <section id="ResumeKnowledge" class="ResumeContentText">

                        <ul>
                            <li>PHP </li>
                            <li>another item </li>
                            <li>another item </li>
                            <li>another item </li>
                            <li>another item </li>
                        </ul>
                    </section>
</section>
<section class="ResumeItem">
                    <header class="ResumeContentTitle" id="ResumeKnowledgeHeader">
                        <p>Professional Knowledge</p>
                    </header>
</section>

---

问题是该部分是浮动的，因此它位于DOM之外。添加一个明确的解决方案可以解决这个问题

---

我刚刚在部分之后添加了

，问题在于DOM之外的浮动项。前面的答案是正确的，或者您可以添加： 第3.1节项目{ 明确：两者皆有； }

---

如果您想让两列彼此浮动。

之所以发生这种情况，是因为带有class

skills

的内部

部分浮动，因此外部
部分折叠。一个修复方法是创建一个新的，可以通过添加

overflow: hidden

到外面的部分。像这样创建一个新的块格式上下文将强制外部
部分
完全包含所有内部浮动元素。
我不清楚问题出在哪里。您的问题还远远不清楚。。。你希望达到的最终效果是什么<代码>不占空间
描述不够。如果它占用了空间，你希望它看起来像什么？这不仅有助于您自己的调试，也有助于我们的调试…谢谢，我是个傻瓜。。。愚蠢的问题，我知道。。感谢上帝，stackoverflow…noob问题总是受欢迎的：）是的，我快速编辑了一下，让它们并排浮动。我认为在加价中加入div会使它的去向更加清晰。
overflow: hidden