html - 可以用 CSS 清除绝对定位的元素吗？

Question

有没有办法用CSS清除绝对定位的元素？我正在创建一个页面，我需要网站的每个部分(section 元素)绝对定位，并且我想在这些元素下方应用内容的页脚。
尝试相对定位页眉和页脚以查看如果将总高度考虑在内，但页脚仍然“被困”在部分元素下方。有什么想法吗？

<header style="position: relative;"></header>

<div id="content" style="position: relative;">

    <section id="a" style="position: absolute;"></section>

    <section id="b" style="position: absolute;"></section>

    <section id="c" style="position: absolute;"></section>

    <section id="d" style="position: absolute;"></section>

    <section id="e" style="position: absolute;"></section>

</div>

<footer style="position: relative;"></footer>

Answer 1

绝对定位的元素不再是布局的一部分——父项不知道绝对定位的子元素有多大。您需要自己设置“内容”的高度，以确保它不会与页脚重叠。