HTML5怎么把导航固定在底部

HTML5怎么把导航固定在底部,第1张

需要知道导航固定在底部是定位实现的;

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

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

<style>.foot-menu{width:100%height:60pxbackground:#000position:fixedbottom:0/**距离底部为0*/left:0z-index:1} </style> <div class="foot-menu">

    <!---导航具体内容-->

</div>

HTML5让导航栏固定顶部不动且不遮挡住下面的DIV方法如下:

1,首先在html中,添加良好的导航内容。

2,后者是网页的具体内容,这里的代码比较简单。

3,在样式中,首先在菜单中定义一些样式。

4,此时,在运行页面时,滚动条滚动后导航将消失。

5,为了将导航栏固定在顶部,可以添加样式位置:固定;最高:0在导航容器中,键是第一个样式,因此其位置是固定的。

6,此时,页面开始运行,页面向上滚动,并且导航始终在顶部。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6310617.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-20
下一篇 2023-03-20

发表评论

登录后才能评论

评论列表(0条)

保存