如何重叠表格行？

Question

是否有可能使表行彼此重叠，只使用CSS和HTML？

请帮忙。页面在这里，当用户选择有条件离开时，他们会提示不同的附加字段填满。但我只想知道行是否可以重叠，所以表不会太长。

http://www.tritech.com.sg/consultants/intranet/leave_application/leave_form/index.php

Answer 1

是的，它可以使用CSS和HTML允许元素重叠，并且有许多方法来实现这一点，但是在这样做，你将导致这些行重叠的内容。除非你真的想隐藏你的内容，否则它不是一个好的节省空间的技术。减少行和/或单元格中的填充会更好。

说了这么多..

tr 
{ 
    display:block; 
    position:absolute; 
    height:15px; 
    top:0px; 
} 

您需要设置位置，以块以阻止他们表现得像表行，然后相对或绝对取决于你需要如何控制它们的位置。然后设置新的最高值以匹配。此样式将所有表格行对齐到表格的顶部。重要的是要注意表格中的单元格将不再受限于元素，这意味着它们将跳出表格，因此将不得不隐藏using overflow:hidden;

我希望这能唤醒你的问题，但我会敦促你考虑一个比这更好的选择。如果您不需要显示内容，请设置元素display:none;具有更好的效果，并且更容易切换为内联或作为班级。

P.S将是一个更好的例子如果我有示例代码使用。