Css 为什么（浮动）列表项要转到下一行

我有

我想知道为什么我的最后一个标记项会转到下一行

---

第二个标记名没有空间浮动，因此它会下降到下一行

---

如果给父li更大的宽度，它将保持在同一行上

第二个标记名没有浮动空间，因此它将下降到下一行

---

如果您给父li更多的宽度，它将停留在同一行上，因为父框中的内容太多，无法容纳，所以它会溢出。如果安装在Firefox浏览器中，您可以很容易地检查这些内容。

由于父框中的内容太多，所以会溢出。如果安装在Firefox浏览器中，您可以很容易地检查这些内容。

您可以尝试通过添加以下内容来强制执行单行显示：

<footer class="meta">
  <ul>
    <li><a href="#" class="numNotes">3 notes</a></li>
    <li><a href="#" class="numComments">10 comments</a></li>
    <li><a href="#" class="datePosted">3rd Feb 2011</a></li>
    <li class="tags">
      <ul>
        <li><a href="#">Tag name</a></li>
        <li><a href="#">Tag name</a></li>
      </ul>
    </li>
  </ul>
</footer>

然而，正如其他人所指出的，由于内容的宽度大于父元素的宽度，它会下降到下一行

玩过这个之后，结果是，对于空白：没有包裹；要工作，还需要使用display:inline；或显示：内联块；关于李元素

---

.

您可以尝试通过添加以下内容来强制执行单行显示：

<footer class="meta">
  <ul>
    <li><a href="#" class="numNotes">3 notes</a></li>
    <li><a href="#" class="numComments">10 comments</a></li>
    <li><a href="#" class="datePosted">3rd Feb 2011</a></li>
    <li class="tags">
      <ul>
        <li><a href="#">Tag name</a></li>
        <li><a href="#">Tag name</a></li>
      </ul>
    </li>
  </ul>
</footer>

然而，正如其他人所指出的，由于内容的宽度大于父元素的宽度，它会下降到下一行

玩过这个之后，结果是，对于空白：没有包裹；要工作，还需要使用display:inline；或显示：内联块；关于李元素

---

.

页脚的内容太多，因此会换行到下一行。你期望的行为是什么？一行？使页脚更宽。@moontear，我希望页脚会拉伸，毕竟，我没有设置固定的宽度&父页脚仍然有足够的空间拉伸页脚太多的内容，因此它会换行到下一行。你期望的行为是什么？一行？让页脚更宽。@moontear，我希望页脚会拉伸，毕竟我没有设置固定的宽度&父级仍然有空间拉伸我有Firebug，这就是我用来添加内容的东西，正如你从中可以看到的，它可以拉伸更多，但最后一个元素仍然会下降我有Firebug，这就是我用来添加内容的东西，正如你从中可以看到的，它可以拉伸更多，但最后一个元素仍然会下降