zoukankan      html  css  js  c++  java
  • 记录:固定table表头不动内容滚动

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" >

    <head>

        <title>Untitled Page</title>

    <style>

    .title{width:100%;background:#EFEFEF; border:1px solid gray;}

    .content{width:100%;sborder:1px solid black; border-top:0px; height:300px; overflow-y:scroll; overflow-x:hidden;}

     

    td{background:white; font-size:9pt; color:blue; padding-left:5px;}

     

    </style>

    </head>

    <body>

     

    <div class="title">

    <input type="button" value="TestBtn" style="border:1px solid black;" />

    </div>

    <div class="content">

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    Test<br />

    </div>

        <table border="0" cellpadding="4" cellspacing="1" style="background:black;">

            <tr>

                <td style=" 100px">aaa

                </td>

                <td style=" 100px">fff

                </td>

                <td style=" 100px">bbb

                </td>

            </tr>

            <tr>

                <td style=" 100px">ddd

                </td>

                <td style=" 100px">wefwe

                </td>

                <td style=" 100px">wfwef

                </td>

            </tr>

            <tr>

                <td style=" 100px">wef

                </td>

                <td style=" 100px">wef

                </td>

                <td style=" 100px">wf

                </td>

            </tr>

        </table>

     

     

    </body>

    </html>

  • 相关阅读:
    记一次简单的正则表达式匹配实践
    使用readlines()读取文件时出现/n及其解决办法
    浅谈http和https
    JVM GC回收原理的认识
    Mysql中语言分类和区别
    关于storm程序性能压测记录及总结
    Java 集合框架
    MySQL binlog底层主从同步原理
    Docker-Compose安装
    gcc手动安装
  • 原文地址:https://www.cnblogs.com/LeimOO/p/1522768.html
Copyright © 2011-2022 走看看