html table铺满界面,HTML_后台框架全屏界面_简易table形式

HTML_后台框架全屏界面_简易table形式

html>

Document

html, body {

width:100%;

height:100%;

padding: 0;

margin: 0;

overflow: hidden;

background-color: #f3f3f3;

font-family: "Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,Tohoma;;

}

.index-wrap{

min-width: 960px;

height: 100%;

}

.index-table{

height: 100%;

width: 100%;

table-layout: fixed;

}

.index-table td, th, div {

word-break: break-all;

word-wrap: break-word;

}

.index-table th {

width: 140px;

}

.index-table .head {

height: 80px;

}

logo	nav
bar	content

效果图如下

无需任何JS代码,再也不用ready/resize调整,