html - 第二个复选框没有显示，即使它是相同的？

Question

<div id="Box">  
    <div id="emailtextbox"><input  type="text" size="40" /></div>
    <div id="CheckBox1"><input type="checkbox" Name="Mr."/>Mr.</div>
    <div id="CheckBox2"><input type="checkbox" Name="Mrs."/>Mrs.</div>
</div>  

CheckBox 1 出现，但 CheckBox2 没有出现。我使用 css 更改了两个复选框的位置以确保它们没有堆叠在一起，但这似乎不是问题所在。它们是相同的，所以我不明白为什么只有其中一个出现。

如果有帮助，这里是 css:

#CheckBox1 {
    margin-top: 700px;
    width: 200px;

}
#CheckBox2 {
    margin-top: 700px;
    width: 400px;
}

Answer 1

试试这个，

移除

#CheckBox1 {
    margin-top: 700px;
}
#CheckBox2 {
    margin-top: 700px;
}