html - 为什么漂浮后从新行开始？

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>定义，A 开始一个新段落，这意味着一个新行。你问“为什么我关门后门又关了？”

Answer 2

尝试给你的 p 标签...

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

Answer 3

这叫做嵌套。标签内的任何内容<p>都将......嗯......在它里面。如果你这样写：

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

然后你<ul>将在段落标签中。就像马克说的那样，段落总是根据定义开始一个新的行。