Html 并排放置两个工作台TR

每当我试图在TR中绝对定位TD时，TD的top:和left:CSS属性将其与作为引用的页面或表格对齐，而不是与它的直接父级对齐（TR与position:relative set）

。（请注意，由于这个问题，第一个TR位于结果窗口的底部）我正在尝试将TD与“标题”文本对齐，以占据行的50%，而“文本”将占据剩余的50%

我意识到这可以通过在一个TR中移动两个元素并将它们放在两个TDs中来实现，但是在这种情况下HTML代码是在服务器端生成的，所以我坚持尝试通过CSS来实现这一点。基本上，修改HTML代码不是一个选项。

---

使用

显示：内联

我刚刚将

表tr{display:inline}

添加到您的代码及其完成；）

但实际上，对于布局来说，表格是邪恶的，不要使用它们

---

您是否使用表格进行布局？你可能不知道这一点，但在2012年，这被认为是不好的做法。请尝试重构您的代码，以使用div和其他语义元素。请提供服务器端代码。。也许这可以通过打印表格来完成。试着为语义网编码——现在是2012年<代码>元素定义表行，即表中设计为在彼此下运行的元素。看起来您正试图定义一个布局-这是一个非常糟糕的表格实践。尝试使用

div

元素和长方体模型-我想你会发现这要容易得多<代码>表tr:n子（1）td{位置：绝对；顶部：0；左侧：0；}