CSS定位分析与理解
来源:互联网 发布:数据多样性 ppt 编辑:程序博客网 时间:2024/05/22 10:29
css定位分类
1.静态定位:static
2.相对定位:relative
3.固定定位:fixed
4.绝对定位:absolute
1.静态定位
position:static;
静态的定位是相对网页左上角来定位
2相对定位
position:relative;
相对定位不脱离标准文档流,对标准文档流还存在影响。
左边的字并不会向前移动。通俗的讲就是相对自己原来的位置来定位
相对定位是参考自己位移以前的位置来进行定位的。
3固定定位
position:fixed;
固定定位脱离标准文档流
固定定位的参考点是浏览器文档的窗口
主要作用:冻结窗口 通俗的讲用来做”小广告的“,不随网页下滑而不见,就是固定在窗口上
4绝对定位
position:absolute;
绝对定位脱离标准文档流
如果父盒子不存在定位,就参考 页面 进行调整
如果父盒子存在定位(相对、固定、绝对),就参考父盒子的位置进行调整
作用:压盖效果(就是大图片或者大的元素上面任意位置放了其他的元素)位置可以调可以随意的放
阅读全文
0 0
- CSS定位分析与理解
- 对css中绝对定位与相对定位的理解
- CSS 相对定位与绝对定位的理解
- css相对定位与绝对定位的理解
- CSS中浮动与定位的理解(2010072920)
- CSS+DIV定位分析
- css定位流测试实验效果与代码分析
- 定位深入理解CSS定位中的偏移
- 对css定位的理解
- 关于CSS定位的理解
- CSS定位position的理解
- CSS 定位与浮动
- CSS定位与层叠
- CSS定位与浮动
- CSS浮动与定位
- CSS定位与浮动
- css布局与定位
- css浮动与定位
- CNN卷积神经网络深度解析
- bzoj 1098 poi2007 办公楼 bfs+链表
- 手势
- oracle启动报错:ORA-01157,ORA-01110
- int整数相乘溢出
- CSS定位分析与理解
- caffe for Windows图像分类训练、测试实例
- 文本选择
- 九误九建:企业做好SEO网络营销推广的必经之路
- 设计模式 http://www.runoob.com/design-pattern/flyweight-pattern.html
- Spark安装
- CSS选择框、下拉列表、文本域、表格
- Android动态权限问题
- halcon学习之图像相减算子sub_image