CSS overflow: hidden not working when parent div width is state as % and not px

You want to use the percent to control the width of td. In each td there is a div which has a 100% width relative to parent element td. If so, the overflow:hidden of div will no effective.
CSS • HTML

For this issue, I suggest you set the layout of table as “fixed”.

<table style="width:100%; table-layout:fixed;">
            <tr>
                <td style="width:25px">
                  <div style="width:100%; overflow:hidden">dddddddddddddddddddddddddddddddddddddd</div>
                </td>
                <td style="width:25%"></td>
                <td style="width:25%"></td>
                <td style="width:25%"></td>
            </tr>
</table>

Written by http://forums.asp.net/t/1937859.aspx?CSS+overflow+hidden+not+working+when+parent+div+width+is+state+as+and+not+px

Posted by fbrefere001 on Saturday September 20, 2014