css如何控制div固定不动

这篇文章主要讲解了"css如何控制div固定不动"，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习"css如何控制div固定不动"吧！

css控制div固定不动的方法：1、创建一个HTML示例文件；2、创建div；3、通过设置"position:fixed"属性实现固定不动即可。

本文操作环境：windows7系统、HTML5&&CSS3版、DELL G3电脑

css怎么控制div固定不动?

可以通过position 属性规定元素的定位类型。

固定定位（position:fixed）：

元素以相对浏览器窗口为基准进行定位的，无论怎样移动你的滑动条，它都会固定在相对于浏览器窗口的固定位置，另外要注意，它的兄弟元素将会在位置排布上忽视它的存在。这个时候用的top，bottom，left，right也是相对于浏览器窗口而言的。

说明

position属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。

示例：

这是带有固定定位的标题
相对于浏览器窗口来对元素进行定位
相对于浏览器窗口来对元素进行定位

效果图：

感谢各位的阅读，以上就是"css如何控制div固定不动"的内容了，经过本文的学习后，相信大家对css如何控制div固定不动这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是，小编将为大家推送更多相关知识点的文章，欢迎关注！