>  기사  >  웹 프론트엔드  >  css固定表头_html/css_WEB-ITnose

css固定表头_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 11:52:08960검색

<!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>

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.