首頁(yè) 猿問(wèn) div包裹的table,table...

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

JavaScript

阿波羅的戰(zhàn)車 2018-08-26 14:53:25

問(wèn)題描述div包裹的table,table的寬度超出了的寬度，出現(xiàn)的滾動(dòng)條的在windows下無(wú)法拖動(dòng)問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法試過(guò)1.table{table-layout : fixed ; } 2.table要給它設(shè)定一個(gè)父級(jí)div,并且設(shè)置父級(jí)div的屬性 overflow:auto;display:block。設(shè)置table的屬性 min-width:100% 設(shè)置table td的屬性： min-width:50px都不行。

查看完整描述

1 回答

明月笑刀無(wú)情

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超4個(gè)贊

1.父級(jí)div是否設(shè)置了寬度，只有設(shè)置了寬度且滾動(dòng)條在div內(nèi)才是你想要控制的滾動(dòng)
2.僅憑你說(shuō)的這些屬性不知道滾動(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>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
        </tr>
        <tr>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
        </tr>
        <tr>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
        </tr>
        <tr>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
        </tr>
        <tr>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
        </tr>
        <tr>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
            <td>問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法</td>
        </tr>
    </table></div>

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

反對(duì) 回復(fù) 2018-08-27