说说你对相对定位、绝对定位、固定定位的理解
https://www.w3schools.com/css/css_positioning.asp
https://www.w3school.com.cn/cssref/pr_class_position.asp
-
问题内容： 根据W3Schools： 相对定位的元素通常用作绝对定位元素的容器块。 为什么是这样？有没有很好的例子？ 问题答案： 一个很好的例子是当您想将某些内容放置到页面上或相对于容器/ div放置时。 这向您显示，如果绝对div不在“相对” div内，则内容将与文档主体对齐。 请注意，绿色div（）的div内部（）的对齐方式为的上/右对齐。 蓝色框（）具有与绿色框（）完全相同的HTML布局，但
-
当一个元素的 position属性设置为 absolute 或 fixed，它将使用绝对定位。绝对定位的元素将从文档流中完全删除，它原先在正常文档流中所占的空间会关闭，就好像该元素不存在一样，因此不会在原先的位置留下空白。 绝对定位的元素相对它的包含块进行定位。position: absolute 元素的包含块是最近已定位（position属性被设置，且不是static）的祖先元素，如果没有已定位
-
在CSS中，通过 position属性来对元素进行定位，可选的定位类型有 static | relative | absolute | fixed，默认值为 static，表示没有定位，元素保持在它原本应该在的位置上。 要对页面元素使用定位技术，必须 position属性设置为 static 之外的其它 3 个属性值，即相对定位、绝对定位、固定定位。 相对定位 当一个元素的 position属性设
-
问题内容： 这是我要完成的工作： 我需要一个按钮，该按钮与div的右侧保持一定距离，并且无论视口的大小如何，该按钮始终与div的侧面保持相同的距离，但是会随窗口滚动。 因此，始终是div右侧的x像素，而始终是视口顶部的y像素。 这可能吗？ 问题答案： 水平放置固定元素（基于另一个元素） （ 免责声明 ：此处提供的解决方案在技术上并非如问题标题所述为“绝对水平 ”，而是实现了OP最初想要的功能，固定
-
在页面布局中，将绝对定位的元素嵌套在相对定位的容器中，是一种很常见的布局。假设有两个元素，#outter 为父元素，#inner 为子元素： <div id="outter"> <div id="inner"></div> </div> 如果让父元素使用相对定位，子元素使用绝对定位，在 IE6 及更低版本中，它会有很多问题。最常见的问题有两个：一个问题是，当父元素的宽度为奇数时，子元素的
-
问题内容： 请考虑以下代码： 具有绝对定位的元素明显使容纳箱“忘记”他需要的高度。 我需要在“节”（section）框内进行绝对定位，对此还有其他解决方案吗？ 在此先感谢geronimo 编辑 使用表并不是真正的选择，我需要某种“多级” /“嵌套”布局，其中第二个col始终位于同一位置： （当然没有“ |”的情况下） 问题答案： 使用时，该元素将从正常页面流中删除。因此，它不再影响其容器元素的布局