我正在学习HTML＆amp; CSS。我无法理解HTML元素的堆叠。这让我很困惑。我正在浏览Mozilla CSS指南中的layout。它有以下代码。
<p>I love my cat.</p>
<ul>
<li>Buy cat food</li>
<li>Exercise</li>
<li>Cheer up friend</li>
</ul>
<p>The end!</p>
它说：
HTML按照确切的顺序显示 出现在源代码中，元素堆叠在一个上面 另一个 - 第一段，后面是无序列表， 然后是第二段。
我不明白另一部分的堆叠顶部。他们躺在彼此之下。并且它们被添加到堆栈的底部而不是顶部。我无法想象。有人可以帮我这个吗？感谢。
答案 0 :(得分：1)
“在顶部”不是指z-而是指y轴。这只是意味着首先出现在HTML中的元素也将首先出现在网站上（从上到下）。
例如：
<div>Hello</div>
<img alt="Random image" src="..."></img>
<div>Hello 2</div>
将渲染
Hello
Image
Hello 2
答案 1 :(得分：0)
这意味着您看到的实际页面中的HTML元素流显示的顺序与它在代码中显示的顺序完全相同。在你的例子中，＆＃34;我爱我的猫＆＃34;位于ul列表顶部，位于＆＃34;结束＆＃34;。