html自动隐藏row,html – 为什么div显示：table-row忽略margin？

以下html按预期方式工作,除了边缘顶部被表格行完全忽略.我不知道为什么.

Dandre

toothpicking, veryveryveryveeerrrryyyyyylooooooooong, kidnapping...

42

/* more rows */

CSS：

div.table {

display: table;

width: 100%;

}

div.row {

display: table-row;

}

div.cell {

display: table-cell;

}

div.left {

float: left;

}

div.right {

float: right;

}

div.clear {

clear: both;

}

.avatar {

vertical-align: middle;

}

.margin-top5 {

margin-top: 5px;

}

.margin-right5 {

margin-right: 5px;

}

.bold {

font-weight: bold;

}

.of_hidden {

overflow: hidden;

}

.small {

font-size: 0.8em;

}

body, p, ol, ul, td {

font-family: verdana, arial, helvetica, sans-serif;

font-size: 13px;

line-height: 18px;

}

编辑：

如果我从行div中删除.row类,它将开始拾取margin-top.