已经设置好父标签的高度，但是当子标签的高度超过父标签的高度时，父标签会被撑开。

你好同学 , 当父元素设置了固定高度 ,子元素高度超过父元素高度就会溢出盒子 .并不会撑开 .除非父元素不设置高度 ,让父元素高度由内容撑开 . 所以同学的描述的要求 ,只能是给父子都设置统一的高度 .

不过这里老师建议图片不要设置固定高度更好一些 . 因为图片在不同浏览器中 , 宽度是不一样的 , 如果高度固定了 , 那么缩放会变形 . 像这里作业效果图只是一个参考 ,不需要和它一模一样的 .老师给你提供一个整体的布局思路 ,同学可以参考进行练习 :

整体思路:整个页面放在一个table里面,然后顶部,banner图,新闻区,近期专题区,友情链接和尾部分为六部分分别放在六个<tr>中,每个部分的宽度为100%.

整体结构如下:

1.顶部:

顶部内容嵌套一个table,然后分左中右三部分,分别用<td>存放logo,导航和下拉列表.

结构如下:

2.banner图:

banner图片宽度也是100%

3.新闻区:

新闻区的布局建议放在一个表格中,分两行三列布局.新闻标题可以用<th>进行加粗,新闻列表单独放在自己的<td>中.表格建议宽度设置为65%,并设置居中.列表可以使用<p>标签 , 使用&gt;实现箭头效果

4.近期专题:

专题区也放在一个表格中,分三行三列显示.标题可以使用单元格合并(colspan="3").表格建议宽度设置为65%,并设置居中 . 图片与文字需要设置居中.

5.友情链接:

友情链接的整体宽度为100%,设置固定的高度,内容水平垂直居中,设置与效果图相同的背景色

6.尾部:

尾部的整体宽度为100%,设置固定的高度,内容水平垂直居中,设置与效果图相同的背景色

祝学习愉快 ,望采纳 .