老师，咨询一个问题
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3-10作业</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<table width="100%" cellspacing="0" cellpadding="0">
<!-- 顶部 -->
<tr height="80px" bgcolor="#E1F2F9">
<td width="25%"><img src="img/logo.png" alt="logo"></td>
<td width="55%">学校机构 机构设置 师资队伍 科学研究 招生就业 图书馆 校长信箱 校园导航</td>
<td width="20%">快速通道
<select>
<option value="Vovlo">Vovlo</option>
<option value="Oppo">Oppo</option>
<option value="Apple">Apple</option>
<option value="Xiaomi">Xiaomi</option>
</select>
</td>
</tr>
<!-- banner图 -->
<tr height="400px"><td colspan="3"><img src="img/banner.jpg" width="100%"></td></tr>
<!-- 新闻区 -->
<tr height="420px">
<td></td>
<td>
<table width="1150px">
<tr>
<td>
<h3>慕课快讯 基层采风 媒体聚焦 慕课视频 >></h3>
<p>>慕课平台课程扩展 涵盖多个领域 12-30</p>
<p>>李克强主持座谈会 葛优刘国梁被请进中南海 12-30</p>
<p>>台军演习"歼灭"解放军 专家:自欺欺人 12-30</p>
<p>>气象局停发霾预警？回应：正协商联合发布机制 12-30</p>
<p>>独家：小米影业解散宣发部门 宣布成立一年后刹车 12-30</p>
<p>>要置业,看看2017全球楼市掘金路线图 12-30</p>
<p>>"哑巴群众"开口说话 是稿件有误还是新闻造假？12-30</p>
<p>>王健林与房地产越来越远？贾跃亭与房地产越来越近 12-30</p>
</td>
<td>
<h3>慕课快讯 基层采风 媒体聚焦 慕课视频 >></h3>
<p>>慕课平台课程扩展 涵盖多个领域 12-30</p>
<p>>李克强主持座谈会 葛优刘国梁被请进中南海 12-30</p>
<p>>台军演习"歼灭"解放军 专家:自欺欺人 12-30</p>
<p>>气象局停发霾预警？回应：正协商联合发布机制 12-30</p>
<p>>独家：小米影业解散宣发部门 宣布成立一年后刹车 12-30</p>
<p>>要置业,看看2017全球楼市掘金路线图 12-30</p>
<p>>"哑巴群众"开口说话 是稿件有误还是新闻造假？12-30</p>
<p>>王健林与房地产越来越远？贾跃亭与房地产越来越近 12-30</p>
</td>
<td><img src="img/weixin.png"></td>
</tr>
</table>
<table width="1100px">
<tr><td height="40px" colspan="3">近期专题</td></tr>
<tr>
<td><img src="img/1.png"></td>
<td><img src="img/2.png"></td>
<td><img src="img/3.png"></td>
</tr>
<tr height="35px">
<td>教育发展基金专题</td>
<td>教育发展基金专题</td>
<td>教育发展基金专题</td>
</tr>
</table>
</td>
<td></td>
</tr>
<!-- 友情链接区 -->
<tr bgcolor="#E1F2F9" height="60px"><td colspan="3">文化站点 信息服务 校友会 OA系统 教务管理系统 网络教学平台 vpn服务 acm/oj 旧版入口 站群系统</td></tr>
<!-- 页脚区 -->
<tr bgcolor="#89A9BD" height="70px"><td colspan="3">Copyright © 2017 imooc.com
ALL Rights Reserved | 京ICP备 13046642号-2</td></tr>
</table>
</body>
</html>
为什么顶部区内容放在最外层table里的直接tr标签里，给每个td标签设置百分比没作用，在直接tr标签里嵌套一个table标签，里面的td设置百分比才有效果
正在回答
同学你好， 这两种写法的区别是直接在tr下设置td，导致该行的单元格会受其他行的单元格的宽度影响， 将table嵌套在td里面， 那么这个表格里面的单元格不会受其他行的影响。
直接在tr下设置td的百分比宽度是没有生效因为受到新闻区的单元格的影响。 建议：可以合并新闻区的单元格
此时两种写法的效果一样
效果图：
同学可以自己下去测试一下哦
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~
同学你好，
1、 因为不同电脑的分辨率不同， 所以设置的百分比宽度计算也是不同的。
2、 另外， 两边不是只有内容宽度，同学可以将logo图片换成文字检查元素， 查看左侧的宽度是大于内容宽度的， 同学截图的这种情况是由于电脑分辨率小（通俗点就是浏览器的宽度小），左右侧内容宽度可能刚好等于内容的宽度了。 示例：
3、 为了避免这种差异， 可以给每个td添加align="center"属性， 让单元格的内容居中显示。这样在不同分辨率下打开， 虽然每个单元格占据的宽度百分比不同，但是内容都是居中的，这样实现的效果就不会有太大的差异了
同学可以结合示例自己测试一下， 加深理解
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~
老师,检查的时候显示的百分比确实没错,但是我的上传的图片里面布局的显示和你的不一样,明显中间的宽度偏大,超过55%,两边只有内容的宽度,同样的代码在不同的电脑显示不一样吗
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星