在 CSS 中同时使用 position 和 display 是什么行为？

Question

我正在尝试在页面底部制作一个 100% 宽度的页脚。使用 position: absolute;。我可以使用给定的代码实现位于底部的页脚。然而，即使在我添加 display: block; 之后，我也无法获得 100% 宽度的页脚。我想知道在定位方面将这两个一起使用是什么。例如，位置是否覆盖显示值？提前谢谢你。

footer {
    text-align: right;
    position: absolute;
    /* display: block; */
    bottom: 0%;
    right: 0%;
    background-color: rgba(232, 232, 228, 0.5);
    border: 1px solid #fcd5ce;
}

Answer 1

position: absolute 的元素与 display: block 的元素的行为相同，因此您的 display 无效。这是一个很好的解释：CSS: display:inline-block and positioning:absolute

设置 width: 100% 应该可以解决您的问题。

在 CSS 中同时使用 position 和 display 是什么行为？

What is the behaviour of using position and display together in CSS?

css

position

footer

absolute

display