博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML之绝对定位position,fixed 百度搜索栏
阅读量:3960 次
发布时间:2019-05-24

本文共 279 字,大约阅读时间需要 1 分钟。

绝对定位 position, fixed

首先了解一下绝对定位,是指在一个网页当中该模块不会随着网页的滚动而滚动

例如:百度的搜索,百度的这一个模块是不会滚动的
在这里插入图片描述
而这个具体怎么做呢?举一个简单的小例子

			
fixed
fixed绝对定位

上面简单的定义了3个div块,而第一个div块是使用了绝对定位,其他两个div块将网页拉长或者拉宽,3个div块的颜色都不相同。不会随着网页的滚动而滚动,

最开始的效果未滚动在这里插入图片描述

滚动后的效果

在这里插入图片描述

同理百度的搜索,本质上区别不大,自己再继续美化一下。

转载地址:http://dyqzi.baihongyu.com/

你可能感兴趣的文章
java调用javascript :js引擎rhino
查看>>
asp 中常用的文件处理函数
查看>>
ADO中sqlserver存储过程使用
查看>>
Linux KernelTech版FAQ 1.0
查看>>
ntfs分区iis故障的解决
查看>>
个人创业“六大死穴”
查看>>
最重要的 12个 J2EE 最佳实践
查看>>
通过Java Swing看透MVC设计模式
查看>>
Java 理论与实践: 关于异常的争论
查看>>
编写高效的线程安全类
查看>>
提高Java代码可重用性的三个措施
查看>>
编写跨平台Java程序注意事项
查看>>
富人和穷人的12个经典差异
查看>>
java 注意事项[教学]
查看>>
MetaWeblogAPI测试
查看>>
软件配置管理概念-1,介绍
查看>>
软件配置管理概念-2,用户角色
查看>>
软件配置管理概念-3,CM系统的概念
查看>>
JSP/Servlet应用程序优化八法
查看>>
人生必修的181条佛理
查看>>