html - 将元素的边框扩展到容器的全宽(无显示 block )

Question

我正在使用 ColdFusion 从头开始​​生成 PDF 表单。 CF 可以从 HTML 生成 PDF。所以，我正在尝试创建一个看起来像这样的表单......在标签 1(实际上在冒号之后结束)和容器边缘(在本例中为 body 标签)之间的整个空间下方有下划线).有什么方法可以使用 CSS Border 属性来执行此操作，或者是否可以使用具有自定义背景重复的 Background 属性(这是我见过的另一种方法)？

|header     pg|
|    title    |
|             |
|lbl1:_val1___|

只是不确定解决这个问题的最佳方法，我想一定有一个简单的方法......

前端人员？ :)

编辑:JSFiddle 在这里说明问题... http://jsfiddle.net/JESw5/

谢谢，

泰勒

Answer 1

我假设您正在使用行内 block 元素，因为您已经用它标记了您的问题。所有行内 block 元素都可以调整大小以适合其容器:

width: 100%;

就是这样!

在底部添加一个边框，你就可以开始了:

border-bottom: 1px solid black;

JSFiddle