嵌套表溢出外父表

我创建嵌套表是嵌套表溢出外父表

<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个通向外部表的边框的溢出的内表的嵌套。

来源

2011-05-19 user544079

如果我将该代码粘贴到空白html文件中，我无法重现您描述的错误（使用Chromium和Opera）。检查任何额外的CSS设置。 – feeela 2011-05-19 14:51:03

向内部表的容器TD标签添加填充，即style =“padding：10px;”

来源

2011-05-19 14:51:27 MUS

小心解释为什么这个工作/为什么前者不？ – 2013-11-15 14:28:03

在内表中，您可以设置css属性table-layout:fixed。看看它是否能解决你的问题。

来源

2011-05-19 14:48:26

嵌套表溢出外父表

回答

相关问题