css底部导航（底部导航设计）

本文目录一览：

• 1、如何用简单的CSS实现将FOOTER（底部导航）固
• 2、css如何将导航绝对定位到页面底部
• 3、css为啥底部导航栏一给绝对定位就消失了呢？

如何用简单的CSS实现将FOOTER（底部导航）固

几行CSS代码就简单的解决了这个问题，让底部导航乖乖的呆在了页面底部，并且缩放不会对他的位置有影响！

css如何将导航绝对定位到页面底部

有两种方式；一种是绝对定位方式，一种是通过固定定位方式(固定定位是浮动在浏览器的固定位置的，就是不能随浏览器的滚动而变化，始终在浏览器的底部)；

能用到的css样式：position:absolute;position:fiexd;

div class="8ab7-790d-05b0-ea3a navdown" style="width:1000px;height:50px;"

li导航/lili导航/lili导航/lili导航/lili导航/lili导航/li

/div

css:

.navdown{position:absolute:bottom:0;}

.navdown{position:fiexd;bottom:0}

css为啥底部导航栏一给绝对定位就消失了呢？

是你没定好，要么被其它图层挡挡住了，要么移到顶上去了。要么移到窗口外去了，你又没有代码，也不好判断，可以家我，远程给你调试看看