如何在HTML30PT中从两边画一条线

我有一个100%宽和200磅高的页脚div。我想画一条白线，从左边开始30分，从右边开始25分，从底部开始

我已经玩了一个div 1px高的游戏，并将其定位在以下位置，但现在有用了

    #HPFooterlinebreak{
    position:absolute;
    bottom:25pt;
    right:30pt;
    left:30pt;
    background-color:#EFF1EF;
    height:1px;
    width:100%;
}

只是想澄清一下，上面的div不是200磅高

谢谢

为什么不使用带有适当应用边框的定位框

伪元素添加到选择器中，但不描述 在特殊状态下，它们允许您设置文档某些部分的样式

您可能还希望使用语义（如果合适）

页脚{
背景：黑色；
高度：200磅；
位置：相对位置；
}
页脚：在{
内容：''；
位置：绝对位置；
左：30分；
右：30分；
底部：25磅；
边框顶部：1px纯白；
}

为什么不使用带有适当应用边框的定位框

伪元素添加到选择器中，但不描述 在特殊状态下，它们允许您设置文档某些部分的样式

您可能还希望使用语义（如果合适）

页脚{
背景：黑色；
高度：200磅；
位置：相对位置；
}
页脚：在{
内容：''；
位置：绝对位置；
左：30分；
右：30分；
底部：25磅；
边框顶部：1px纯白；
}

---

你就快到了。您不需要

宽度

。此外，如果使用

position:absolute

将元素定位在其父元素内部，则还必须将

position:relative

或

position:absolute

添加到父元素本身

顺便说一句，如果这条白线只是为了显示，那么最好使用一个伪元素，并保持HTML的简单。但如果您愿意，还可以将

.footer:before

更改回

#HPFooterlinebreak

.footer{
背景颜色：蓝色；
位置：相对位置；
高度：200px；
}
.页脚：之前{
内容：“；
位置：绝对位置；
底部：25磅；
右：30分；
左：30分；
背景色：#EFF1EF；
高度：1px；
}

哟

你就快到了。您不需要

宽度

。此外，如果使用

position:absolute

将元素定位在其父元素内部，则还必须将

position:relative

或

position:absolute

添加到父元素本身

顺便说一句，如果这条白线只是为了显示，那么最好使用一个伪元素，并保持HTML的简单。但如果您愿意，还可以将

.footer:before

更改回

#HPFooterlinebreak

.footer{
背景颜色：蓝色；
位置：相对位置；
高度：200px；
}
.页脚：之前{
内容：“；
位置：绝对位置；
底部：25磅；
右：30分；
左：30分；
背景色：#EFF1EF；
高度：1px；
}

哟