可以尝试将容器设置为相对定位,并给它的子元素设置绝对定位,再将 border 宽度设置为容器高度的 100% 以确保边框能够延伸到底部。
HTML 代码示例:
CSS 代码示例:
.container {
position: relative;
border: 1px solid black;
height: 100%;
}
.content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
/* 如果想要边框更粗,可以把 1px 改为需要的像素值 */
上一篇:边框矩形位置与实际元素位置不匹配
下一篇:边框容器和卡片