html表格线条不显示 css display:表格不显示边框

.table { display: table;}

.tablerow { display: table-row; border:1px solid black;}

.tablecell { display: table-cell; }

Helloworldfoobar

根据我的理解,应该在我通过tablerow类指定的每一行上画一个黑色边框.但边框不会出现.

我想改变一行的高度.如果我用'px'指定它 - 它工作.但是,如果我给它一个% - 不会工作.我试过以下

.tablerow {

display: table-row;

border:1px solid black;

position: relative; //not affecting anything and the border disappears!!

//position: absolute; // if this is set,the rows overlaps and the border works

height: 40%; // works only if specified in px and not in %

}

某处出了点问题,但我无法理解在哪里.请帮忙!