首页 > Web开发 > 详细

css定位

时间:2021-07-19 22:40:21      阅读:32      评论:0      收藏:0      [点我收藏+]

CSS 有三种基本的定位机制:普通流、浮动、相对定位和绝对定位。 除非专门指定,否则所有框都在普通流中定位。
1、static定位(普通流定位) --默认定位

  HTML 元素的默认值,即没有定位,遵循正常的文档流对象。

  静态定位的元素不会受到 top, bottom, left, right影响。


2、float定位(浮动定位) 例:float:left


3、relative定位(相对定位) position:relative

  相对定位元素的定位是相对其正常位置。

  移动相对定位元素,但它原本所占的空间不会改变。


4、absolute定位(绝对定位) position:absolute;

  绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于<html>

其他:fixed 定位

  元素的位置相对于浏览器窗口是固定位置。

  即使窗口是滚动的它也不会移动:

css定位

原文:https://www.cnblogs.com/lixiuming521125/p/14800080.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!