html - 表格行的单行覆盖整个文档

Closed. This question is off-topic。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。
                        
                        4年前关闭。
                                                                                            
                
        
我希望表格的一行可以覆盖整个文档。
更准确地说，我只需要将“ fake <hr>”设置为特定的纯色即可（无内容，无文本等）。

使用CSS实现此目标的最简单方法是什么？
请注意，修改HTML源代码很困难，因为：


该表是通过一个JSP页面生成的，该页面使用Struts Layout，第二个
许多页面受到影响，我无法全部修改它们


我已经快速测试了单元格中是否包含<hr>标记，但是它似乎无法覆盖整个屏幕，它仅限于表格宽度，这确实很有意义。

我正在使用HTML 4.01和CSS3（尽管CSS 2.1会更好）。

编辑：换句话说，我所需要的是让tr具有任意大小（优于其他行大小）。解决方案已经在下面给出（谢谢！），并且是绝对定位。

最佳答案

尝试在您的HR标签上添加宽度：99vw（我相信这是CSS3）：

    <div style="width: 50%; background: #aaa;margin: 0 auto;">
        <table>
           <tr>
             <td>
                hi
                <hr style="width: 99vw;left: 0; position: absolute;" />
                there
             </td>
           </tr>
        </table>
    </div>

Fiddle Demo