我有一个带有可滚动主体的基本表格。为了做到这一点,我不得不设置thead和tbody的display:block,还设置了th和td的宽度。
由于某种原因,第一列的th与第一列的td不对齐。有人能告诉我是什么原因吗?
CSS
thead,
tbody {
display: block;
}
thead {
text-align: left;
}
tbody {
background: yellow;
overflow-y: auto;
height: 6em;
}
thead th,
tbody td {
width: 4em;
padding: 2px;
}
thead tr th:first-child,
tbody tr td:first-child {
width: 8em;
background: salmon;
font-weight: normal;
}
这里是Fiddle