Maison > Article > interface Web > css固定表头_html/css_WEB-ITnose
css固定表头_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:52:08936parcourir
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> .main{ font-family: '微软雅黑'; width: 100%; border-left:1px solid #dfdfdf ; border-top:1px solid #dfdfdf ; border-right: 1px solid #dfdfdf; } .head table{ width: 100%; height: 30px; padding-right: 17px; border-bottom: 1px solid #dfdfdf; } .head th{ border-right: 1px solid #dfdfdf; } .body table{ width: 100%; } .body tr{ border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; height: 30px; } .body td{ border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; } .body{ max-height: 500px; overflow-y: scroll; } </style></head><body><div> <div> <table cellpadding="0" cellspacing="0"> <tr> <th width="120">测试项目1</th> <th width="20">测试项目2</th> <th width="20">测试项目3</th> <th width="20">测试项目4</th> <th width="20">测试项目5</th> </tr> </table> </div> <div> <table cellpadding="0" cellspacing="0"> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> <tr> <td width="120">单元测试1</td> <td width="20">单元测试2</td> <td width="20">单元测试3</td> <td width="20">单元测试4</td> <td width="20">单元测试5</td> </tr> </table> </div></div></body></html>
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：解决父页面加载iframe时，src链接中参数值过大导致加载失败的问题_html/css_WEB-ITnoseArticle suivant：帮忙看看怎么修改这个css代码_html/css_WEB-ITnose