css如何固定div位置
在css中，可以使用position定位属性来固定div在页面的位置。下面小编举例讲解css如何固定div位置。
东西/原料
- html+css
- 代码编纂器：zend studio 10.0
方式/步调
- 1
新建一个html文件，定名为test.html，用于讲解css若何固定div位置。
- 2
在test.html文件内，利用div标签建立一个模块，用于测试。
- 3
在test.html文件内，给div添加一个class属性，下面将经由过程该class来设置div的样式。
- 4
在css标签内，经由过程class设置div的样式，界说其宽度为100px，高度为100px，布景颜色为红色。
- 5
在css标签内，再利用position属性设置div的位置属性为绝对定位（absolute），经由过程top属性设置其固定在离页面上边缘的50%位置，经由过程left属性设置其固定在页面的左边。
- 6
在浏览器打开test.html文件，查看成果。
END
总结：
- 1
1、利用div标签建立一个模块，给div添加一个class属性。
END
2、在css标签内，经由过程class设置div的样式，利用position属性设置div的位置属性为绝对定位（absolute），经由过程top属性设置其固定在离页面上边缘的50%位置，经由过程left属性设置其固定在页面的左边。
注重事项
- top,left属性除了可以利用百分比作为单元，也可以利用px作为单元。
- 发表于 2020-05-01 19:00
- 阅读 ( 837 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章