css如何固定下拉菜单的位置

CSS有个position属性，它有4个值：static，relative，absolute，fixed。分别代表了正常位置，相对于某一位置的偏移位置，绝对位置，固定位置。要想显示在一个网页上，固定位置可以实现不会随着页面滚动条的移动而不见了，它一直在你当前的页面上，但是ie6不兼容这个属性。当然如果你的页面不会产生滚动条，那么absolute也是可以的。

如果你是说用代码实现的话，给这个导航的容器定位为fixed。
例如：nav{
position:fixed;
top:0px;
left:0px;
}

我们在使用浏览器的时候可以把常用的网站网址添加到浏览器固定栏中，以便我们下次可以直接打开。那怎么添加网址到浏览器固定栏呢？一起来看看吧~

怎么添加网址到浏览器固定栏？

所有浏览器添加网址到浏览器固定栏都是通过将网页添加到书签来完成，本文以搜狗浏览器为例， *** 作如下：

1、在需要添加到固定栏的网页找到并点击五角星图标进入到添加到收藏夹。

2、输入收藏书签名称，以及选择固定位置，点击添加即可。

本文以华为matebook x pro2021为例适用于Windows 10系统搜狗高速浏览器v1100版本

在Windows 7中点击桌面左下方的开始菜单，可以看到近期访问的程序。在使用电脑的过程中，它们会随着程序的使用顺序的变化而变化。为了方便访问常用的程序，你可以将自己常用的程序固定到开始菜单的顶端。
在想要固定的程序图标上点击鼠标右键，打开菜单。选择附到「开始」菜单选项，就可以将程序固定在开始菜单顶端。

图1 在想要固定的程序图标上点击鼠标右键
依照此法，在Windows 7中将常用的功能贴在开始菜单顶端。将常用程序固定到开始菜单后，会看到已固定的程序位于开始菜单的顶端，与其他程序间以一条横线间隔。

图2 已固定的程序位于开始菜单的顶端
不再需要这个程序的时候，同样在开始菜单中这个程序的图标上打开鼠标右键菜单，选择从「开始」菜单解锁。就可以将它从开始菜单的固定项里去除了。

图3 将程序图标从“开始”菜单解锁

使用框架或JavaScript的innerHTML。
具体框架可以浏览这个>

HTML5怎么把导航固定在底部的步骤如下：

css的定位样式属性来实现；会用到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>

css3网页底部固定导航是一款纯css3实现的网页底部固定导航菜单。特性介绍：

1、边框特性

CSS3对网页中的边框进行了一些改进，主要包括支持圆角边框、多层边框、边框色彩与等。在CSS3中最常用的一个改进就是圆角边框，通过CSS3的属性可以快速实现圆角定义，同时还可以根据实际情况针对特定角进行圆角定义 。

2、多背景图

CSS3允许使用多个属性(比如background-image、background-repeat、background-size、background-position、background-origin和background-clip等)在一个元素上添加多层背景。

---