为什么<p>浮动</pool>从一个新行开始？</up>

Question

我是CSS新手并从W3Schools（http://www.w3schools.com/css/tryit.asp?filename=trycss_float5）了解到一个案例。在这种情况下，<ul>元素是浮动的， <p>元素接下来应该按照我的想法包围它，但它从新行开始。为什么<p>不包围浮动<ul>？并且，当我删除li{display:inline;}时，FireFox和Chrome中似乎没有显示出任何不同。你能帮我解释一下吗？感谢。

Answer 1

为什么不应该呢？根据定义，<p>开始一个新段落，这意味着一个新行。你问“关闭之后门关闭的原因是什么？”

Answer 2

尝试给你的p标签......

display:block; //maybe unnecessary
overflow:auto; //very important for containing floats

Answer 3

它被称为嵌套。 <p>标签内的任何内容都是......好吧......在里面。如果你这样写：

    <p>
    <ul>
    //content
    </ul>
    </p>

然后您的<ul>将出现在段落标记中。和marc说的一样，段落总是按照定义开始新的一行。