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>

  • 相关阅读:
    重学JAVA基础(六):多线程的同步
    Extjs4中RadioGroup的赋值与取值
    灰色预测原理及JAVA实现
    微信公众平台开发尝试
    安装依赖的时候,报错npm WARN checkPermissions
    JavaScript 获取随机整数
    HTML+CSS+JS(+Vue)写一个通讯录组件
    常见问题 解决合集
    构造函数、原型对象prototype、实例、隐式原型__proto__的理解
    react项目中遇到的一些问题
  • 原文地址:https://www.cnblogs.com/LeimOO/p/1522768.html
Copyright © 2011-2022 走看看