這篇文章主要為大家展示了“css如何實現(xiàn)底部固定漂浮導航”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“css如何實現(xiàn)底部固定漂浮導航”這篇文章吧。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：域名與空間、雅安服務器托管、營銷軟件、網(wǎng)站建設、平桂網(wǎng)站維護、網(wǎng)站推廣。

有 些東西找起來很麻煩，好用的又不太容易找到，之前看到很多用JS寫的，固定漂浮這種效果拖動時難免會產(chǎn)生抖動自己對CSS還是蠻有好感的，找來找去找到了 天涯，仔細一看是純CSS的，沒有使用JS效果我覺得它比之前看到的要精簡些不用嵌套多余的DIV 簡單的看一下CSS樣式部分：

body { background-image:url(text.txt); /* for IE6 */
background-attachment:fixed; }
#bottomNav { background-color:#096; z-index:999; position:fixed; bottom:0; left:0; width:100%; _position:absolute; /* for IE6 */_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible; }

HTML部分加上這個id為 #bottomNav 的DIV即可：

固定漂浮物在此處O(∩_∩)O~