老师好,请问为什么我橘色部分和要求的不一样,最左边和最右边没有橘色

老师好,请问为什么我橘色部分和要求的不一样,最左边和最右边没有橘色

<!DOCTYPE html>

<html>

<head>

    <title></title>

<meta charset="utf-8">

</head>

    <body>

    <!-- 在此编写代码 -->

    <table align="center" width="100%">

    <tr bgcolor="pink"  height=80px ><td>页头</td></tr><!--页头-->

    <tr bgcolor="white" height=10px><td></td></tr><!--空隙-->

    <tr>

    <td>

    <table width="1024px" bgcolor="orange" align="center">

    <tr>

    <td width="240px" bgcolor="white">左侧内容</td>

    <td width="20"></td>

    <td width="764" bgcolor="white">右侧内容</td>

    </tr>

    </table>

        </td>

        </tr><!--主体-->

    <tr bgcolor="white" height=10px><td></td></tr><!--空隙-->

    <tr bgcolor="black"  height="80px"><td></td></tr><!--页脚-->

    </table>

    </body>

</html>

http://img1.sycdn.imooc.com//climg/5a806e550001134719200980.jpg

http://img1.sycdn.imooc.com//climg/5a806e550001088619200980.jpg


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

中间一行内嵌的table表格宽度不要设置固定的,http://img1.sycdn.imooc.com//climg/5a80f80600015dea05570247.jpg

中间部分应该分为5列,你的左右两边都没有留空格哦!可以设置宽度100%,再添加两个空的表格就可以了,参考一下中间部分代码:

<!--空隙-->

        <tr bgcolor="orange">

            

            <td colspan="">

                <table width="100%" bgcolor="orange" align="center">

                    <tr>

                        <td></td>

                        <td width="240px" bgcolor="white">左侧内容</td>

                        <td width="20"></td>

                        <td width="764" bgcolor="white">右侧内容</td>

                        <td></td>

                    </tr>

                </table>

            </td>

            

        </tr>

祝学习愉快!~~

  • AiChiRol 提问者 #1
    非常感谢!
    2018-02-12 15:16:54
  • AiChiRol 提问者 #2
    后来我把主体代码改成 <tr bgcolor="orange"> <td> <table width="1024px" align="center"> <tr> <td width="240px" bgcolor="white">左侧内容</td> <td width="20"></td> <td width="764" bgcolor="white">右侧内容</td> </tr> </table> </td> </tr><!--主体--> 发现可以用了 谢谢
    2018-02-12 15:18:18
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师