html div位置怎么使用

严格来说CSS定位是用来移动div的，但是移动的方法不同，结果也有很大不同。
其实很简单。
绝对定位意味着绝对移动（来自文档流）；相对定位意味着巢穴被移动但仍然发生；固定定位是指焊接浏览器窗框，浮动是指向左或向右浮动。

我们先来说说最重要的身体姿势。
我们去年参与的一个项目中的弹出窗口使用了绝对定位。
结果，我们忘记向父元素添加一个位置属性，因此它直接浮动到视口的中间 - 说实话。
这非常尴尬。
接下来是相对定位。
去年我在访问活动页面时使用相对位置来调整徽标位置。
我忘记了它也会占据原来的空间，所以它最终成为下面文本的空白空间。
最后，使用负边距来解决这个问题。
有一个非常重要的细节。
比如去年的春节项目，完全定位的信封红色特效设置为top:1 0px，但是我忘了单位是%，不是px，所以就到了天空。
直接飞走。
后来我意识到这是错误的，所以我用%代替。

起初我以为固定定位是完美的，但是当我在 Android 设备上滚动时，“默认定位”选项卡突然消失了。
后来发现地址栏自动隐藏了；所以我很快添加了媒体查询并使用Absolute进行搜索。
等等还有一件事。
左右浮动可以实现，但是去年我做产品清单的时候。
忘记添加overflow:hidden在主容器中，导致列表高度塌陷。
最后我用clearfix补丁修复了。

警告：绝对定位和固定定位都是可浮动的。
绝对位置可以浮动到任何父元素，而固定位置只能浮动在浏览器窗口框架中。
不要感到困惑。

HTML中DIV的相对定位与绝对定位如何操作？

严格来说，DIV是以绝对位置运行的。
早在 2 000 年，网页设计师就开始尝试 CSS 布局。
你看绝对定位已经很流行了。
如果设置了文字定位，则 DIV 将不会随文档流动。
背面的 DIV（例如 p 标签）直接位于上方以填充空白空间。
早在2 001 年，当我开始学习网页时，我的老师就告诉我这件事，并说下面的内容会自动填空。

设置为绝对定位，但up、right如果bottom、left为0，设置为普通则保持原来位置。
如果偏移量非零 top: 2 0px;左：5 0 像素；然后它将使用浏览器边缘作为参考点移动到新位置。
2 008 年iPhone问世时；许多网站根本不适应定位，DIV 就在移动浏览器中四处飘荡。

对于相对定位，DIV 会自行移动，但仍保持在其原始位置。
2 01 0年我在做一个项目的时候；设置相对定位后，后续内容将正常显示。
事实证明，滚动条并没有像完美定位那样突然出现。
由于DIV原来占用的位置没有改变；附加元素您仍然可以正常“坐”在那个位置。
但是如果你将 DIV 向下或向右移动。
超出屏幕的部分将不可见——这与绝对定位相同。
2 01 5 年响应式设计非常流行，如何利用相对定位避免页面混乱？
说实话，我不明白为什么相对位置不能占据这个位置。
经过几年的项目工作。
我意识到浏览器默认设置 DIV 的静态放置。
相对定位相当于记下当前位置，移动到新的位置，但原来的“座位”还在。
如今，Flexbox和Grid更多地用于布局，而绝对定位和相对定位则较少使用。
但在那些老项目中，绝对定位和相对定位的缺点确实多次出现。