如果主体内容少的话，页脚不是会在中间的吗？

如题内容少的话，页脚不是会跟随内容出现在页面中

李知恩 2019-02-25

源自：HTML表格 3-3 表格布局（2）

收起

2回答

山河远阔ZZ 回答被采纳获得+3积分 2019-02-27 09:46:08

同学你好，按照目前阶段，改变中间内容，不影响底部的位置，可以给中间的内容设置固定的高度哦，例如：

<!DOCTYPE html>
<html>
 
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
 
<body>
    <table width="100%" border="1">
        <!-- 头部 -->
        <tr height="80" bgcolor="pink">
            <td></td>
        </tr>
        <!-- 内容 -->
        <tr height='500' bgcolor="skyblue">
            <td></td>
        </tr>
        <!-- 底部 -->
        <tr height='100' bgcolor="orange">
            <td></td>
        </tr>
    </table>
</body>
 
</html>

在以后的过程中，学习了css之后，就可以使用定位样式来吧底部固定在最下面了哦。

如下：

希望帮助到了你，祝学习愉快，欢迎采纳。

收起回答

山河远阔ZZ 2019-02-26 11:13:43

同学你好，你是想问，在使用table表格的时候，如果中间的内容比较少，页脚的内容会不会覆盖在中间内容区域吗？

table表格里面的tr代表一行，如果一个table表格里面分为三行，第一行是页头，第二行是内容，第三行是页脚，那么无论第二行的内容是多还是少，页脚都不会挤上去。

如下：

<!DOCTYPE html>
<html>
 
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
 
<body>
    <table border="1">
        <tr bgcolor="red">
            <td>页头</td>
        </tr>
        <tr height='10'>
            <!-- 中间内容 -->
            <td>1</td>
        </tr>
        <tr bgcolor="skyblue">
            <td>页脚</td>
        </tr>
    </table>
</body>
 
</html>