html显示为表格css,html – 使用CSS显示重现表格布局：表格属性

我有一个很好的布局,它使用

HTML表创建一个带有简单标题的可滚动侧边栏.效果很好,你可以在这里查看：

jsFiddle demo

以下是我的解决方案的大纲：

header

...

...

使用以下CSS样式：

aside {

position: absolute;

left:0; top: 0; bottom: 0;

width: 200px;

}

aside header {

height: 100px;

}

aside table {

width:100%;

height:100%;

}

.secondcell {

height:100%;

width:100%;

}

.remaining {

height: 100%;

background-color: red;

overflow-y: auto;

}

article {

position: absolute;

left: 200px;

padding:10px;

}

但不幸的是,我使用的HTML表很多人都不喜欢,因为它不是语义等等.

所以我想用CSS格式重现这个布局,但它不起作用.

你可以在这里查看我的尝试：jsFiddle demo2

也许这根本不可能,所以我不能只用div来做CSS？