Html 将元素的边框延伸到容器的全宽（无显示块）

我正在使用ColdFusion从头开始生成PDF表单。CF可以从HTML生成PDF。所以，我正在尝试创建一个看起来像这样的表单。。。在标签1（实际上在冒号之后结束）和容器边缘（在本例中为body标记）之间的整个空间下使用下划线。是否有任何方法可以使用CSS Border属性来实现这一点，或者是否可以将Background属性与自定义背景重复一起使用（这是我看到的另一种实现方式）

只是不确定最好的方法，我想一定有一个简单的方法

前端人员？：）

编辑：这里有一个问题

谢谢

---

Taylor

我假设您使用的是内联块元素，因为您已经用它标记了您的问题。可以调整所有内联块元素的大小，使其容器符合以下要求：

width: 100%;

就这样

在底部添加边框，您就可以开始了：

border-bottom: 1px solid black;

---

你好，谢谢。我原以为是这样的，但由于某种原因，我似乎无法让它正常工作。。。我将尝试重新整理我的HTML以解决此问题。我会投票，但我没有足够的代表（啊，等等！我发现了你的例子和我的问题之间的区别……让我为你创建一个JSFIDLE来说明我的问题……既然如此，为什么不在输入标签下方显示边框呢？理想的结果就像你在纸笔表单上填写的一行，因此需要到t的末尾页面，但只在标签之后开始。（我已经计算了页边空白）据我所知，除非您想使用jQuery/JS，否则实现这一点的唯一方法是。跨度和标签的宽度应增加到100%。

border-bottom: 1px solid black;