CSS定位：
position：relative(相对)/absolute(绝对)/ static(无定位)/ fixed(固定)
文档流：从上往下，从左到右
相对定位：
relative：相对于自己以前所在的位置进行定位，效果如下图（本来在左上角，设置相对定位和top，left属性后，红色方块进行了移动）
在这里插入图片描述
如果设置了相对定位以后，不输入具体的top/left值，这样相对定位可以做为一种容器父元素存在。
<html>
<head>
<style type="text/css">
.main{
background-color: yellow;
}
.div1{
height: 100px;
width: 100px;
position: relative;
top: 10px;
left: 20px;
background-color: red;
}
</style>
</head>
<body>
<div class="main">
CSS定位：position：relative(相对)/absolute(绝对)/ static(无定位)/ fi...
CSS中常用的定位有 普通定位，相对定位 绝对定位、fixed定位 浮动 1、普通定位和相对定位 css中的元素有...
一，定位层 概念 css属性 特点 二，绝对定位和相对定位 绝对定位和相对定位的区别
css绝对定位、相对定位和文档流 ajax与HTML5 history pushState/replaceState实例
目录 1.定位 1.定位概述 2.静态定位 3.相对定位 4.绝对定位 5.绝对定位与浮动、标准流 6...
CSS定位 定位有三种，分别是相对定位(relative)、绝对定位(absolute)、固定定位(fixed)。...
CSS定位方式有：相对定位（relative）、绝对定位（absolute）和固定定位（fixed） positi...
在CSS中关于定位的内容是：position:relative（相对定位）absolute（绝对定位） ...
css的相对定位 对一个元素进行相对定位，它将出现在它所在的位置，然后通过水平或垂直方向的设置，它会相对于它原来的...
在css中有两种常用的定位方式：绝对定位、相对定位。这两种定位最大的区别就是是否释放空间元素。 定位在Web开发中...
本文标题：二十，CSS定位概述与相对定位
本文链接：https://www.haomeiwen.com/subject/vkfunktx.html
网友评论