页面效果不一样
来源：3-4 编程练习
xiaoyuan1
2017-09-06 22:21:10
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<!-- 在此编写代码 -->
<table align="center">
<tr bgcolor="pink" width="100%" height="80px"><td>页头</td></tr><!--页头-->
<tr bgcolor="white" height="10px"><td></td></tr><!--空隙-->
<tr bgcolor="orange"><td>
<table align="center">
<tr >
<td width="240px" align="right" bgcolor="white">左侧内容</td>
<td width="20px"></td>
<td width="764px" align="left" bgcolor="white">右侧内容</td>
</tr>
</table>
</td></tr><!--内容-->
<tr bgcolor="white" height="10px" ><td></td></tr><!--空隙-->
<tr bgcolor="black" width="100%" height="80px"><td></td></tr><!--页脚-->
</table>
</body>
</html>
代码如上，可是内容行实现效果和题中给的不一样。
9回答
-
慕虎8092331
2017-10-25
在左侧内容和右侧内容那里不需要再添加align属性了
每一个tr你都添加了width=100%。其实没必要，可以都删掉，在开始table标签里面加一个width=100%，就行了
你再试试吧！不行再说
0 -
xiaoyuan1
提问者
2017-09-07
老师，效果还是不一样，请问一下，显示效果和浏览器有关吗？0h017-09-07 -
小丸子爱吃菜
2017-09-07
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> </head> <body> <!-- 在此编写代码 --> <table align="center" width="100%"> <tr bgcolor="pink" width="100%" height="80px"><td>页头</td></tr><!--页头--> <tr bgcolor="white" height="10px"><td></td></tr><!--空隙--> <tr bgcolor="orange"><td> <table align="center"> <tr > <td width="240px" align="right" bgcolor="white">左侧内容</td> <td width="20px"></td> <td width="764px" align="left" bgcolor="white">右侧内容</td> </tr> </table> </td></tr><!--内容--> <tr bgcolor="white" height="10px" ><td></td></tr><!--空隙--> <tr bgcolor="black" width="100%" height="80px"><td></td></tr><!--页脚--> </table> </body> </html>
0 -
xiaoyuan1
提问者
2017-09-07
老师，我试了，效果还是和给出来的效果不一样
0 -
好帮手慕糖
2017-09-07
你按照上面老师的建议：给最外层的table设置width为100%就可以与效果图一致了。
祝学习愉快~
0 -
xiaoyuan1
提问者
2017-09-07
老师，左侧内容和右侧内容的橘色所占比例明显不一样。
0 -
Miss路
2017-09-07
上面是效果图，你自己对比一下，看看哪里不一样。祝学习愉快！
0 -
xiaoyuan1
提问者
2017-09-07
我的是这样的，和页面效果的内容那不一样0 -
小丸子爱吃菜
2017-09-07
给最外层的table设置width为100%就可以了！
祝学习愉快！
0
相似问题