体系课

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

我是设置的像素 为什么中间橘色的部分也按100%显示了？

来源：3-4 编程练习

法海洗发用漂游

2017-07-24 15:26:52

<!DOCTYPE html>

<html>

<head>

    <title></title>

<meta charset="utf-8">

</head>

    <body>

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

    <table>

       <tr width="100%" height="80px" bgcolor="pink">

           <td >页头</td>

       </tr>

       <tr width="100%" height="10px" bgcolor="#fff">

           <td></td>

       </tr>

        <tr  bgcolor="orange">

           <td>

               <table align="center">

                   <tr>

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

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

                       <td width="764px" bgcolor="#fff">右侧内容</td>

                   </tr>

                       

               </table>

           </td>

       </tr>

        <tr width="100%" height="10px" bgcolor="#fff">

           <td></td>

       </tr>

        <tr>

           <td width="100%" height="80px" bgcolor="black">55</td>

       </tr>

    </table>

   

    </body>

</html>

http://climg.mukewang.com/5975a0d00001422a13470553.jpg

写回答

2回答

樱桃小胖子

2017-07-24

亲，首先建议将table的宽度设置为100%，里面的tr等标签设置宽度100%才生效，另外麻烦亲详细的描述一下你的问题，练习要求中间橘色背景就是要100%显示的呀，然后在橘色的背景里面包含三列，左侧内容宽度240px，中间橘色空列20px；右侧内容宽度764px，希望可以帮到你，如果还有疑问，欢迎继续提问！

0

苏打好甜

2017-07-24


你要记住你的整体框架是个表格结构的，上下两行都是100%显示，中间一行肯定也是啊

0

0 学习 · 36712 问题

查看课程

相似问题

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

回答 2

width 100% 为什么没有全屏显示

回答 1

请老师检查一下为什么橘色行内容没有居中显示啊····

回答 1

请问1.橙色行里的嵌套表剧中方式，加align的位置 2.橙色行里嵌套白色表的行高没设置？

回答 3

为什么frame属性设置显示不了

回答 3

打开慕课网App查看更多内容