HTML/CSS定位
因此，我有以下代码：HTML/CSS定位,html,css,Html,Css,因此，我有以下代码： <body> <div id="page1" style="page-break-after:always;position:relative;"> <img ... id="img1" style="position: relative; left: 0px; top: 0px; width:750px"></img> ... </div> <div id="page2" style="page-b
<body>
<div id="page1" style="page-break-after:always;position:relative;">
<img ... id="img1" style="position: relative; left: 0px; top: 0px; width:750px"></img>
...
</div>
<div id="page2" style="page-break-after:always;position:relative;">
<img ... id="img2" style="position: relative; left: 0px; top: 0px; width:750px"></img>
...
</div>
</body>
...
...
显示良好，第2页在第1页下方。但是，当我将img1的位置更改为绝对位置时，为什么会使第2页与第1页重叠（使其上升到第1页的位置）？据我所知，将position设置为absolute将使其脱离页面的正常流程，但img1不包含在page1中吗？为什么将第1页移出正常流（我假设这就是发生的情况）？当您将img1位置设置为绝对时，它将移出“正常流”，如您所说。因此，page1元素会缩小到其最小高度和宽度。这会导致page2元素向上移动到page1的底部 所以你的页面1、页面2和img2都在你的布局中的正确位置，只有你的img1超出了它的正常位置
我创造了这个来展示正在发生的事情。通常，“img”框位于其父页面框内。但是如果您将img1设置为
位置：绝对值