html - 边框折叠和边框底部

Question

嗨我的 css 类如下表记录

table.tblBaseTblData{
    margin:0px;
    padding:0px;
    *margin-left:10px;
    *margin-left:0px;
    border-bottom:1px solid #003366;
    border-collapse:collapse;
}

table.tblBaseTblData th{
    font-family:Arial,Verdana;
    font-size:10px;
    font-weight:bold;
    background-color:#003366;
    color:#F4EFEC;
    height:25px;
    margin:0px;
    border:1px solid #003366;
}

table.tblBaseTblData td{
    font-family:Arial,Verdana;
    font-size:10px;
    font-weight:normal;
    color:#000000;
    padding:2px 2px 2px 2px;
    height:15px;
    border:1px solid #003366;
}


table.tblBaseTblData .oddRow{
    background-color:#DDDDDD;
}
table.tblBaseTblData .evenRow{
    background-color:#FFFFFF;
}

当添加额外的 css 时，如下表边框被隐藏

table>tbody {
  overflow: auto;
  height: 280px;
  overflow-x: hidden;
}
table>tbody tr {
  height: auto;
}
table>thead tr {
  position:relative;
  top: 0px;/*expression(offsetParent.scrollTop); IE5+ only*/
}

只有在 mozilla 中而不是在 IE 中才能解决这个问题

Answer 1

在 table.tblBaseTblData 部分中，您有两个不同的 margin-left。拿出一个。