HTML <tr>标签和位置:相对
HTML <tr>标签和位置:相对
提问于 2011-07-19 19:07:12
我正在处理很久以前写的html，FireFox有一个问题。
一些tr元素的position属性被设置为relative，这令人惊讶的是这些tr元素的边界是不可改变的。当我移除样式时，一切都很好...所以问题是：
“位置:相对如何影响tr元素？”“我无法获取它..对我来说，这似乎是多余的。
谢谢
编辑：
<table id="table1" width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#cccccc"><tbody>
<tr class="header" style="position:relative;top:2 px;">
<th>sdf</th>
<th>sdf</th>
<th>sdf</th>
</tr>
.header {
position:relative;
}
table#table1 {
border-collapse: collapse;
}
#table1 th {
border-collapse: collapse;
cursor: pointer;
font-size: 8pt;
padding: 3px;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
color: #FFFFFF;
background-color: #6685C2;
}
#table1 td {
border-collapse: collapse;
cursor: pointer;
font-size: 8pt;
padding: 3px;
border: 1px solid #666666;
}回答 2
Stack Overflow用户
发布于 2011-07-19 19:15:56
交互可能就是这个位置:relative正在禁用边框折叠属性。当然，在看不到任何代码的情况下，很难判断。
更新:如果你查看你的代码，你会发现有问题的tr从来没有自己的边界。设置position: relative会影响th元素上的显示。我建议你将其归结为未定义的行为。
如果您需要相对定位行，那么我建议您也将它的display属性更改为适合相对定位的属性。
Stack Overflow用户
发布于 2019-10-21 16:08:31
使用变换而不是位置：
.header {
transform: translateY(2px);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6746175
复制相关文章
相似问题
腾讯云开发者
