老师,请教一个问题
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3-10作业</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
p{
height: 35px;
line-height: 35px;
}
h3{
height: 45px;
line-height: 45px;
}
</style>
</head>
<body>
<table width="100%" cellspacing="0">
<!-- 顶部 -->
<tr height="80px" bgcolor="#E1F2F9">
<td colspan="3">
<table width="100%">
<tr>
<td width="20%"><img src="img/logo.png" alt="logo"></td>
<td width="50%">学校机构 机构设置 师资队伍 科学研究 招生就业 图书馆 校长信箱 校园导航</td>
<td width="30%">快速通道
<select>
<option value="Vovlo">Vovlo</option>
<option value="Oppo">Oppo</option>
<option value="Apple">Apple</option>
<option value="Xiaomi">Xiaomi</option>
</select>
</td>
</tr>
</table>
</td>
</tr>
<!-- banner图 -->
<tr><td colspan="3"><img src="img/banner.jpg" width="100%"></td></tr>
<!-- 新闻区 -->
<tr height="420px">
<td colspan="3">
<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="1150px">
<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>
</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设置百分比才有效果
正在回答
你好，测试了你第二段代码，设置的百分比是起作用的哦：
不再嵌套一个table也可以，如果想要居中显示，设置align属性就可以，参考：
<table width="100%" cellspacing="0" cellpadding="0"> <!-- 顶部 --> <tr height="80px" bgcolor="#E1F2F9" align="center"> <td width="20%"><img src="images(html)/logo.png" alt="logo"></td> <td width="60%">学校机构 机构设置 师资队伍 科学研究 招生就业 图书馆 校长信箱 校园导航</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图 --> </table> <table width="1100px"> <tr> <td height="40px" colspan="3">近期专题</td> </tr> <tr> <td><img src="images(html)/1.png"></td> <td><img src="images(html)/2.png"></td> <td><img src="images(html)/3.png"></td> </tr> <tr height="35px"> <td>教育发展基金专题</td> <td>教育发展基金专题</td> <td>教育发展基金专题</td> </tr> </table> </td> <td></td> </tr> <!-- 友情链接区 --> <!-- 页脚区 --> </table>
自己再测试一下，祝学习愉快！
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星