博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS——定位
阅读量:7139 次
发布时间:2019-06-28

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

   CSS定位

1   定义元素框对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置

2  CSS有三种基本的定位机制

2.1     普通流

   按照其元素在HTML中的位置顺序决定排布过程

2.2     浮动

   浮动框可以向左或向右移动,直到它的边缘碰到包含框或另一个浮动框的边框为止

2.3     绝对定位

   绝对定位使元素的位置与文档流无关,因此不占据空间,这一点与相对定位不同,相对定位实际上被看作普通流定位模型的一部分,因为元素的位置相对与它在普通流中的位置

3  定位属性

   position将元素放在一个静态的、相对的、绝对的或固定的位置,通过对top、left、right和bottom这四个属性的赋值让元素向对应的方向偏移

4     常用的定位属性

  overflow设置元素溢出其区域发生的事情

  clip设置元素的显示形状,多用于图片

  vertical-align设置元素的垂直对齐方式

  z-index设置元素的堆叠顺序

  fixed是将元素固定下来,就算滚动屏幕,它也会在同一个地方不会动

  static设置以后,偏移量什么的就没有用了

5  属性是float其值可以赋值为

  left元素向左移动

  right元素向右移动

  none不浮动

  inherit从父级继承浮动的属性

本文转自 拉考的考拉 51CTO博客,原文链接:http://blog.51cto.com/lakaodekaola/1929587

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

你可能感兴趣的文章
python与正则表达式
查看>>
删除多个附件
查看>>
目标检测之显著区域检测---国外的一个图像显著区域检测代码及其效果图 saliency region detection...
查看>>
Laravel之路——事务
查看>>
WCF分布式开发步步为赢(10):请求应答(Request-Reply)、单向操作(One-Way)、回调操作(Call Back)....
查看>>
python的struct模块
查看>>
python进程和线程中的两个锁
查看>>
Java嵌入式数据库H2学习总结(二)——在Web应用程序中使用H2数据库
查看>>
(最小生成树 次小生成树)The Unique MST -- POJ -- 1679
查看>>
括号匹配(二) -- 经典动态规划
查看>>
在jsp中的css
查看>>
Java代理(三)
查看>>
intent.setFlags方法中的参数值含义
查看>>
Android GridView属性集合2
查看>>
加载静态文件,父模板的继承和扩展
查看>>
新的一个月,就这么不知不觉的来临了
查看>>
centos7.4之zabbix4.0的fping监控
查看>>
python基础知识 ~ 函数补充与反射
查看>>
xss攻击
查看>>
[CC-ANUCBC]Cards, bags and coins
查看>>