HTML5怎么把导航固定在底部是只滑动内容,导航固定不动的。

 时间:2024-10-21 09:38:39

HTML5怎么把导航擅螈孑膑固定在底部的步骤如下:

css的定位样式属性来实现;会用到css中的position:fixed;属性,结合来实现。

<sty造婷用痃le>.foot-menu{width:100%;height:60px;background:#000;position:fixed;bottom:0;/**距离底部为0*/left:0;z-index:1;}</style><divclass="foot-menu">
<!---导航具体内容-->
</div>

HTML5怎么把导航固定在底部是只滑动内容,导航固定不动的。

拓展资料

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

1、边框特性

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

2、多背景图

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

  • HTML网页怎么设置圆角边框
  • html轮播图怎么制作
  • 网页设计HTML中如何插入背景图片
  • html首行缩进怎么设置
  • 如何让图片在div中居中显示
  • 热门搜索
    消防安全手抄报知识 感恩亲情手抄报 安全手抄报花边 我爱爸爸妈妈手抄报 法律伴我成长手抄报 关于科技手抄报内容 小学生讲文明手抄报 关于低碳环保的手抄报 关于语文的手抄报图片 只要妈妈露笑脸手抄报