跳至主要內容
02-footer置底的五种方式

你好,我是悦创。

网页切版时 footer 需要保持置底还是随文章高度放置呢?

当内容高度过短时,若能使 footer 保持置底,文章超出浏览器高度时可以跟随高度往下跑,可使网页相对美观。

如何做到呢?以下分享了五种制作的方式。

图示

网页切版时常会需要考虑 footer 需要保持置底还是随文章高度放置的问题,置底可以保持网页的美观,不需考虑网页内容过短时该如何处理,但若是每一页内容都很长时,则可不需要另外多做这方面的设定。

维持置底,需要注意的是并不是让他像 position: fixed 状态(不管滑鼠如何滚动都维持在浏览器最下面),也不是希望他像 sticky 一样固定维持在容器内部,而是在内容少时可以沾黏在浏览器最底部,内容多时可以沾黏在内容的最底部固定在页面的最下方。


AI悦创原创...大约 4 分钟web 专栏Web FQAweb 专栏Web FQA
01-实战之 HTML:把两张图片并排(行)显示

更改方式

你好,我是悦创。

<table>
    <tr>
        <td><img src="img/3801213fb80e7bec8452feb4ec529d3e9a506b5a.jpeg" alt="图片未能正常显示"></td>
        <td><img src="img/wuhjy.jpeg" alt="图片未能正常显示"></td>
        <td><img src="img/xz.jpeg" alt="图片未能正常显示"></td>
    </tr>
</table>

AI悦创原创...大约 2 分钟web 专栏Web FQAweb 专栏Web FQA