小编Mat*_*říž的帖子

大多数浏览器中的错误?:忽略'tbody','tr'和'td'的相对位置?

当你尝试绝对定位元素时tbody,tr甚至td你发现它在大多数浏览器中都不起作用.它在Firefox中按预期工作.不在IE,Edge和Chrome中.

position: relative在tbody,tr甚至td被忽略.然后第一个父母position: relative用作绝对放置的"锚".

BTW:position: relative当你设置做作品tbody来display: block.但是你可能会遇到表行宽度的麻烦.通常,子元素不再像表元素那样精确地表现.列已经消失..但它不是这个问题的一部分.

我的问题是:
为什么是position: relative忽略的tbody,tr td?
这种行为有什么理由吗?
这是一个应该修复的错误吗?

.example {
  border: 1px solid #ccc;
  position: relative;
  background: #eee;
  margin: 2em;
  padding: 2em;
  width: 50%;
}

.abs {
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
}

table {
  //border: 5px solid rgba(255,200,0,0.2);
  border-collapse: collapse;
}

tbody {
  border: …
Run Code Online (Sandbox Code Playgroud)

html css css-position css-tables

6
推荐指数
1
解决办法
559
查看次数

标签 统计

css ×1

css-position ×1

css-tables ×1

html ×1