p {
position: absolute;
}
元素将不再受 HTML 默认流的影响,也失去了对周围元素的影响,可能完全覆盖他们。
此时可以手动设置 元素相对于 window 也就是浏览器窗口的位置:
button {
position: absolute;
top: 50px;
bottom: 50px;
}
其中可以为负数,如TOP:-20px
但默认只是window的,只有将父元素的定位设置为默认流动定位relative 后, 元素才会相对父元素进行定位。
绝对定位尽量较少使用,会显著增加页面复杂度。