CSS 底部固定浮动导航不随着浮动，只固定在最底部

发布网友发布时间：2022-04-21 14:57

共5个回答

热心网友时间：2023-11-12 22:43

楼主，3楼和5楼都不自信，但他们是对的，你清除浮动的方法是错误的，你浮动的是li，你到ul外面去清除浮动有啥用？根本没清掉。

把你的相对、绝对定位去掉，用外边距来定位mainnav的位置，然后给你的mainnav加个：overflow:hidden;来达到正确清除浮动的目的。

另外如果不是有设计上的特别需要的话，最好把你的：
<div class="mainnav"><ul>...</ul></div>
改成：
<ul class="mainnav">...</ul>
外面多套个div，此举多余。

另外，我没试，貌似：height:auto;这句也要删掉，你自己试。

热心网友时间：2023-11-12 22:43

这个好像不好弄吧。div的大小设置好了就不变了。
里面的div溢出了应该会根据overflow属性的设置选择是hidden scroll

你说的那个估计js能解决。
你这个是导航菜单吧
推荐个网址：www.lanrentuku.com这里面有很多漂亮的导航菜单js代码

热心网友时间：2023-11-12 22:44

用到了position，感觉。。。
不如你画个效果，大家帮你写个给你参考下吧！

热心网友时间：2023-11-12 22:44

不明确
清除浮动试试

热心网友时间：2023-11-12 22:45

.mainnav{
width:1000px;
height:50px;
margin-left:0 20 0 20;

margin-top:20px;
margin-left:50%;
border-bottom:#666666 1px solid;
}
.clear{
clear:both;
}
这两行改一下吧，不改你的代码，目前我还无法实现这个效果

CSS 底部固定浮动导航 不随着浮动，只固定在最底部

CSS 底部固定浮动导航不随着浮动，只固定在最底部