3-4编程练习，和效果图不一样，哪里出了问题？

<!DOCTYPE html>
<html>
<head>
    <title></title>
     
    <meta charset="utf-8">
</head>
    <body>
        <!-- 在此编写代码 -->
        <table align="center" width="1024px">
         <tr bgcolor="pink" height="80px" width="100%"><td>页头</td></tr>
         <tr bgcolor="#ffffff" height="10px" width="100%"><td></td></tr><!-- 上空格 -->
         <tr>
          <td>
             <table>
                 <tr align="center">
                     <td width="240px"  bgcolor="orange">左侧内容</td><!-- 左侧内容 -->
                     <td width="20px" bgcolor="orange"></td>
                     <td width="764px" bgcolor="orange">右侧内容</td><!-- 右侧内容 -->
                     </tr>
             </table>
          </td>
         </tr>
         <tr bgcolor="#ffffff" height="10px" width="100%"><td></td></tr><!-- 下空格 -->
         <tr bgcolor="black" height="80px" width="100%"><td></td></tr><!-- 尾部 -->
        </table>
    </body>
</html>

宝慕林4354757 2018-04-09

源自：HTML表格 3-4 编程练习

收起

2回答

好帮手慕星星回答被采纳获得+3积分 2018-04-10 09:19:26

测试了你的代码，需要将外层table设置宽度为100%，中间部分整体设置背景颜色为橘色，左侧和右侧设置背景颜色为白色就可以了，参考：

自己修改测试下，祝学习愉快~~

收起回答

集美菜 #1

764+20+240加起来像素点应该是1024px了。这样的展示效果，就会真的是如下图片的展示图。希望老师再看下，这个部分的内容是否有误。

2018-04-16 11:27:16
好帮手慕星星回复集美菜 #2

给他改动的这个代码上面，只有一部分内容标注了出来，首先要把最外层table表格宽度改为100%，把中间的tr标签背景颜色改为橘色，中间内嵌的table表格添加‘align=center’，（图中已改动，只是没有标注出来，可能同学没有看到），还有内嵌表格中的左侧和右侧背景颜色改为白色，自己可以再测试一下哦，这边测试是没有问题的，如果还是有问题，可以继续提问。

2018-04-16 14:20:06