css设置表格高度自适应并添加滚动条_IT百科

告诉衫信你一个非常好用的css样式，特别好用

box-sizing: border-box

即使加了padding或逗塌芦者margin属性都会有奇效哦

另外，你上面的滚动条改为overflow: auto

至于高度百分比问题，需山带要设置一下：

html,body{height:100%}

而且，你所设置80%高度的标签父级标签也要设一下，我随便写了一个案例，你看看，本来加了padding后实际显示的高度会大于设置的高度，但是加了box-sizing: border-box后，显示的高度还是50%

html,body{ height:100% margin:0 padding:0}

</style>

</head>

<body>

<div style="height:1000px background:black color:white">这是内容部分</div>

</div>

</body>

table设置overflow-x:auto,overflow-y:hidden

thead设配败颤置overflow:hidden

tbody设置overflow-y:hidden,overflow-x:hidden

还培败有就是枯掘你table要定宽高

欢迎分享，转载请注明来源：内存溢出

css设置表格高度自适应并添加滚动条