如图所示，我想右边添加滚动条，不过添加完之后由于滚动条的存在上下格式不能对齐，求解如何设置？ ps:只给下面内容加滚动条怎么弄好，就是固定表头，表头不能出现滚动条，我是上面表头和下面内容分两个table写的(因为tbody不能设置高度。。)

这个表格滚动条怎么弄？

潘家大少爷

1k16

发布于
2016-10-19

更新于
2016-10-19

✓ 已被采纳

我理解的意思是你想做一个无滚动条的滚动，，不知道对不对。
这是我之前写的关于div的，我想table也差不太多吧
https://github.com/jackPanyj/...

这是demo地址，上面链接中也有给出

http://codepen.io/jackpan/pen...

linong

29.2k1266132

发布于
2016-10-19

加一个padding；挤开算了。反正你这个布局的时候就么有弄好

小小小菜鸟

6551210

发布于
2016-10-19

给个参考思路：把表头的那个table多加一列<td></td>，这一列的宽度设置成刚好和下面table滚动条的宽度一样，这样下面的内容列就跟上面表头列对应了

jaye

20727

发布于
2016-10-19

表头可以用一个div模拟table的效果，下面的table用一个div包起来，滚动条设置给div，给div设置一个右padding应该可以实现你的这个效果吧

Zem

2

发布于
2016-10-19

新手上路，请多包涵

上面的table 设置 overflow-y:scroll;

xxapp

26410

发布于
2016-10-19

滚动条的宽度是可以通过代码计算出来的，加油

golden_freeman_china

1.8k1211

发布于
2016-10-20

<html>
<header></header>
<style type="text/css" media="screen">
    body{
        margin: 0;
    }
    table{
        display: table;
        border: 1px solid gray;
        color: gray;
        font-size: .8rem;
        /* border-collapse: collapse; */
        padding-top: 3rem;
        position: relative;
    }
    th{
        background-color: gray;
        color: white;
        line-height: 3rem;
    }
    td{
        text-align: center;
        line-height: 2rem;
    }
    tr.fixed{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }
</style>
<body>
    <table cellpadding="0" cellspacing="0">
        <tr class="fixed">
            <th>123</th>
            <th>我理解的意思是你想做一个无滚动条的滚动，，不知道对不对。</th>
            <th>123</th>
            <th>我理解的意思是你想做一个无滚动条的滚动，，不知道对不对。</th>
        </tr>
        <tr>
            <td>我理解的意思是你想做一个无滚动条的滚动，，不知道对不对。</td>
            <td>123</td>
            <td>我理解的意思是你想做一个无滚动条的滚动，，不知道对不对。</td>
            <td>123</td>
        </tr>
        <tr>
            <td>我理解的意思是你想做一个无滚动条的滚动，，不知道对不对。</td>
            <td>123</td>
            <td>我理解的意思是你想做一个无滚动条的滚动，，不知道对不对。</td>
            <td>123</td>
        </tr>
        <tr>
            <td>我理解的意思是你想做一个无滚动条的滚动，，不知道对不对。</td>
            <td>123</td>
            <td>我理解的意思是你想做一个无滚动条的滚动，，不知道对不对。</td>
            <td>123</td>
        </tr>
        <tr>
            <td>我理解的意思是你想做一个无滚动条的滚动，，不知道对不对。</td>
            <td>123</td>
            <td>我理解的意思是你想做一个无滚动条的滚动，，不知道对不对。</td>
            <td>123</td>
        </tr>
        <tr>
            <td>我理解的意思是你想做一个无滚动条的滚动，，不知道对不对。</td>
            <td>123</td>
            <td>我理解的意思是你想做一个无滚动条的滚动，，不知道对不对。</td>
            <td>123</td>
        </tr>
        <tr>
            <td>我理解的意思是你想做一个无滚动条的滚动，，不知道对不对。</td>
            <td>123</td>
            <td>我理解的意思是你想做一个无滚动条的滚动，，不知道对不对。</td>
            <td>123</td>
        </tr>
        <tr>
            <td>我理解的意思是你想做一个无滚动条的滚动，，不知道对不对。</td>
            <td>123</td>
            <td>我理解的意思是你想做一个无滚动条的滚动，，不知道对不对。</td>
            <td>123</td>
        </tr>
        <tr>
            <td>我理解的意思是你想做一个无滚动条的滚动，，不知道对不对。</td>
            <td>123</td>
            <td>我理解的意思是你想做一个无滚动条的滚动，，不知道对不对。</td>
            <td>123</td>
        </tr>
    </table>
</body>
</html>

每天三遍说爱我！

这个表格滚动条怎么弄？

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

为什么在谷歌浏览器中 'a' == ['a'] 返回 true？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

css布局怎么保证右边一直在可视范围内？