html – 宽度表100％不填充父级

概述我认为桌子比较容易做饭,但是这个打起了我的头.问题是宽度100％的表不填充它的父div. <div style="width:100%; margin-top:20px;"> <div style="width:100%; padding:5px; background:#ccc; font-weight:900;">Table Top</div> <table width="10 我认为桌子比较容易做饭,但是这个打起了我的头.问题是宽度100％的表不填充它的父div.

<div >    <div >table top</div>    <table wIDth="100%" border="0" cellspacing="0" cellpadding="5" >        <tr >            <td>&nbsp;</td>            <td><strong>L</strong></td>            <td><strong>B</strong></td>            <td><strong>H</strong></td>            <td><strong>W</strong></td>        </tr>        <tr >            <td >                Unit 1            </td>            <td >                550 mm            </td>            <td >                550 mm            </td>            <td >                25 mm            </td>            <td >                60.00 kg            </td>        </tr>    </table></div>

但输出是这样的：

桌子没有填满div.可能是什么问题呢？
感谢任何帮助.

解决方法 标题div的宽度为100％,填充为5px,使其扩展到其极限.
为什么不使用表的整体呢？

这是一个工作版本：

<div ><div ><div >table top</div></div><table wIDth="100%" border="0" cellspacing="0" cellpadding="5" >    <tr >        <td>&nbsp;</td>        <td><strong>L</strong></td>        <td><strong>B</strong></td>        <td><strong>H</strong></td>        <td><strong>W</strong></td>    </tr>    <tr >        <td >            Unit 1        </td>        <td >            550 mm        </td>        <td >            550 mm        </td>        <td >            25 mm        </td>        <td >            60.00 kg        </td>    </tr></table>

总结

以上是内存溢出为你收集整理的html – 宽度表100％不填充父级全部内容，希望文章能够帮你解决html – 宽度表100％不填充父级所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。