鍍金池/ 問答/HTML/ div包裹的table,table的寬度超出了的寬度,出現(xiàn)的滾動(dòng)條的在windo

div包裹的table,table的寬度超出了的寬度,出現(xiàn)的滾動(dòng)條的在windows下無法拖動(dòng)

問題描述

div包裹的table,table的寬度超出了的寬度,出現(xiàn)的滾動(dòng)條的在windows下無法拖動(dòng)

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

試過
1.table{table-layout : fixed ; }
2.table要給它設(shè)定一個(gè)父級div,并且設(shè)置父級div的屬性
overflow:auto;display:block。
設(shè)置table的屬性
min-width:100%
設(shè)置table td的屬性:
min-width:50px
都不行。

回答
編輯回答
黑與白

1.父級div是否設(shè)置了寬度,只有設(shè)置了寬度且滾動(dòng)條在div內(nèi)才是你想要控制的滾動(dòng)
2.僅憑你說的這些屬性不知道滾動(dòng)條怎么不能動(dòng),可以貼一下代碼?
3.橫向需要滾動(dòng)條的話必須設(shè)置table的確定寬度

做了一個(gè)demo:

.table{
    table-layout:fixed;
    width: 1000px;
    border: 1px solid #ccc;
}

.table td{
    border: 1px solid #ccc;
}

.wrapper{
    width:500px;
    height: 500px;
    overflow: auto;
    border: 1px solid #000;
}

<div class="wrapper">
    <table class="table">
        <tr>
            <td style="width:200px;">title</td>
            <td>title title title</td>
            <td>title</td>
            <td>title</td>
            <td>title</td>
            <td>title</td>
            <td>title</td>
            <td>title</td>
            <td>title</td>
            <td>title</td>
        </tr>
        <tr>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
        </tr>
        <tr>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
        </tr>
        <tr>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
        </tr>
        <tr>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
        </tr>
        <tr>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
        </tr>
        <tr>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
            <td>問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法</td>
        </tr>
    </table>
</div>

跟你的描述應(yīng)該比較一致,你看下你的樣式問題出在何處了

2018年5月2日 03:08