Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 嵌套表溢出外部父表_Html_Css - Fatal编程技术网

Html 嵌套表溢出外部父表

Html 嵌套表溢出外部父表,html,css,Html,Css,我创建的嵌套表如下所示 <table border="0" width="750" cellspacing="0" cellpadding="0"> <tr align="center"> <td width="530"> <table border="0" cellspacing="0" cellpadding="0" width="530"> <tr> <td>

我创建的嵌套表如下所示

<table border="0" width="750" cellspacing="0" cellpadding="0">
 <tr align="center">
 <td width="530">
     <table border="0" cellspacing="0" cellpadding="0" width="530">
         <tr>
             <td>
               <tr>
                        <td width="14"></td>
                        <td width="177">
                            <p style="color:#333333; line-height: 20px; font-size: 16px; font-family: Helvetica, Arial, sans-serif; font-weight:bold; text-align: left; margin-left: 0px; padding-top: 0px;">Expand Your Reach</p>
                            <ul style="color:#767676; line-height: 20px; font-size: 12px; font-family: Helvetica, Arial, sans-serif; list-style-image:url(http://demo.frostmiller.com/sss104/images/bullet.jpg);text-align:left; margin-left: 25px; padding:0; list-style-position:outside;">
                                <li>Contrary to popular belief, Lorem Ipsum is not simply random text. </li>
                                <li>Contrary to popular belief, Lorem Ipsum is not simply random text. </li>
                                <li>Contrary to popular belief, Lorem Ipsum is not simply random text. </li>
                            </ul>
                            <br />
                        </td>
                        <td width="29"></td>
                    </tr>
                    <tr>
                        <td colspan="3">
                            <hr width="220" />
                        </td>
                    </tr>
                    <tr>
                        <td width="14"></td>
                        <td width="177" align="left">
                            <p style="color:#333333; line-height: 20px; font-size: 16px; font-family: Helvetica, Arial, sans-serif; font-weight:bold; text-align: left;">Contact Info</p>
                            <p style="color:#767676; line-height: 20px; font-size: 12px; font-family: Helvetica, Arial, sans-serif; text-align: left; margin-bottom: 2cm;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer  .</p>
                        </td>
                        <td width="29"></td>
                    </tr>
                 </td>
               </tr>
            </table>
         </td>
          <td width="220">
      </td>
    </tr>
</table>

然而,宽度为530的内部表格的嵌套导致外部表格的边框溢出

在内部表格中,您可以设置css属性表格布局:固定。看看它是否解决了您的问题。

在内部表格中,您可以设置css属性表格布局:固定。看看它是否解决了您的问题。

将填充添加到内部表的容器TD标记中,即style=padding:10px

将填充添加到内部表格的容器TD标签中,即style=padding:10px

如果我将代码粘贴到一个空白的html文件中,我就无法重现您使用Chromium和Opera描述的错误。检查任何其他CSS设置。如果我将该代码粘贴到一个空白html文件中,我无法重现您使用Chromium和Opera描述的错误。检查任何其他CSS设置。