MY艺科社

CSS 定位 position float

发布时间:2个月前热度: 19 ℃评论数:

position

  • inherit

规定应该从父元素继承 position 属性的值。
  • static

默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)
  • relative

相对于元素本身正常位置进行定位。无论元素是否移动,元素在文档流中占据原来空间不变。
  • absolute

元素位置相对于距离最近的非static祖先元素位置决定。可覆盖其他元素,用z-index控制叠放顺序
  • fixed

相对于浏览器窗口进行定位。通过 "left", "top", "right" , "bottom" 属性设置位置。


float

  • 浮动元素不在文档的普通流中,文档的普通流中的元素表现的就像浮动元素不存在一样。

代码演示


css,定位

手机扫码访问