Html 样式化复选框在表中重叠

我从stackoverflow的另一个问题中得到了这个片段：

如果我将这些复选框放在一个表中，每行一个复选框，它们会由于标签的填充而重叠。为什么会发生这种情况？为什么表格单元格不改变其高度

我怎样才能修好它

另外，“宽度：100%”对标签不起作用

tr {
display:block;
margin:10px 0px;
}

或者不添加表格样式

label{
display: block;
}

---

还有，我做了一个代码笔

你试过用像素代替百分比吗？可能是高度而不是宽度？尝试将溢出：隐藏添加到包含元素的CSS中。当然，我可以手动调整

td

-元素的高度。但我认为这应该自动发生。标签的宽度与像素不匹配either@Sleek极客：不起作用，即使它起作用，顶部和底部的边框也会被切断

display:block为我做的。谢谢