时间戳

首页 > 解决方案 > 在 CSS 中同时使用位置和显示的行为是什么？

css - 在 CSS 中同时使用位置和显示的行为是什么？

问题描述

我正在尝试在页面底部创建一个 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;
}

标签： csspositionfooterdisplayabsolute

解决方案

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

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

推荐阅读