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>

  • 相关阅读:
    获取到某一方法的调用者的类名、方法名、命名空间(转)
    JQ插件收集
    输出KnownColor枚举颜色值
    SQL 优化之该走索引却不走索引的分析
    oracle日期处理(一)
    ORACLE如何使用DBMS_METADATA.GET_DDL获取DDL语句
    案例分析:ora04031与ora04030错误分析与解决
    分区表、分区索引和全局索引部分总结
    Oracle性能调整指导纲要
    ORACLE常用SQL优化hint语句
  • 原文地址:https://www.cnblogs.com/LeimOO/p/1522768.html
Copyright © 2011-2022 走看看