,与框式布局不一致

时间:2018-09-28 01:44:51

标签: html css

我使用了标准的CSS重置,然后将以下样式应用于表元素:

.ns-table {
  width: 100%;
  font-family: monospace;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}
.ns-tr {
  border-bottom: 1px solid black;
}
.ns-th {
  box-sizing: border-box;
  padding: 8px;
  color: green;
  font-weight: 700;
  vertical-align: bottom;
}
.ns-td {
  box-sizing: border-box;
  padding: 8px;
  vertical-align: top;
}

我的问题是th坚持使用盒式布局并在40px处进行渲染。但是,td41px处渲染,但未坚持到border-box。为什么thtd之间的box-sizing: border-box;属性不一致?

提前谢谢。

0 个答案:

没有答案