html - 如何从任一侧在html 30pt中画一条线

我的页脚div的宽度为100％，高度为200pt。我想画一条白线，从底部向左和向右25pt都开始于30pt。

我正在玩一个高1px的div并将其放置在以下位置，但现在仍然可用。

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

请注意，上面的div不是200pt高。

谢谢

最佳答案

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


  伪元素被添加到选择器中，而不是描述一个
  特殊状态，它们使您可以设置文档某些部分的样式


您可能还想使用语义footer element（如果适用）

footer {
  background: black;
  height: 200pt;
  position: relative;
}
footer:after {
  content: '';
  position: absolute;
  left: 30pt;
  right: 30pt;
  bottom: 25pt;
  border-top: 1px solid white;
}

<footer></footer>

关于html - 如何从任一侧在html 30pt中画一条线，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27692557/