HTML5怎么把导航固定在底部

 我来答
育知同创教育
2017-01-20 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
展开全部
  1. 需要知道导航固定在底部是定位实现的;

  2. 结合所学的css的定位样式属性来实现;

  3. 会用到css中的position:fixed;属性,结合来实现。

    <style>.foot-menu{width:100%;height:60px;background:#000;position:fixed;bottom:0;/**距离底部为0*/left:0;z-index:1;}
    </style>
    <div class="foot-menu">
        <!---导航具体内容-->
    </div>
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT... 点击进入详情页
本回答由博思aippt提供
涨姿势了吗
2016-11-19 · TA获得超过511个赞
知道小有建树答主
回答量:237
采纳率:0%
帮助的人:129万
展开全部

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
 </head>
 <body>
    <div style='height:1000px;'></div>

<footer style='position:fixed;bottom:0; width:100%;background-color:pink;'>
这是底部内容:jingfeng18 
</footer>
 </body>    
</html>

可以用固定定位,把底部定位在底部。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式