CSS使用负面相对定位问题
我有页眉，主体和页脚。标头和主体的样式正确。现在，对于页脚，我想使其显示在主体后面，因此我使用了：
z-index: -1;
position: relative;
top: -60px;
这样可以达到预期的效果，但是我在底部得到了60px的额外空间。
如何清除多余的空间？
问题答案：
保罗是正确的。margin-top: -60px;代替top: -60px;。另一种可能的解决方案是将“主体”设置position: relative;为可position: absolute; bottom: 60px;在页脚上使用-
尽管这种扭曲意味着页脚需要在“主体”内移动。尽管只要页脚的父项带有“主体”，您就可以在该元素上使用相同的技巧。
-
问题内容： 根据W3Schools： 相对定位的元素通常用作绝对定位元素的容器块。 为什么是这样？有没有很好的例子？ 问题答案： 一个很好的例子是当您想将某些内容放置到页面上或相对于容器/ div放置时。 这向您显示，如果绝对div不在“相对” div内，则内容将与文档主体对齐。 请注意，绿色div（）的div内部（）的对齐方式为的上/右对齐。 蓝色框（）具有与绿色框（）完全相同的HTML布局，但
-
问题内容： 我遇到过许多涉及负边距的布局技术，例如这种用于边栏定位的经典方法。这些技术似乎可以相对容易地应用于相对定位。 所以代替这个： 一个可以做到这一点： 似乎相对位置在垂直方向上甚至可能更干净，因为上边距操纵可能会受到边距崩溃等影响。 一个相对于另一个有什么优势，或者它们实际上是等效的吗？ 谢谢- 问题答案： 我猜相对定位会将内容向左移动，但是除非您将下一个元素也设为相对，否则原始空间将被其
-
在CSS中，通过 position属性来对元素进行定位，可选的定位类型有 static | relative | absolute | fixed，默认值为 static，表示没有定位，元素保持在它原本应该在的位置上。 要对页面元素使用定位技术，必须 position属性设置为 static 之外的其它 3 个属性值，即相对定位、绝对定位、固定定位。 相对定位 当一个元素的 position属性设
-
问题内容： 在CSS文件中定义诸如背景图片URL之类的内容时，使用相对URL时，它相对于何处？例如： 假设文件包含： 如果我包括通过这个样式表到不同的文件会在CSS文件中的相对URL是 相对于样式表文件 中或 相对于当前文档 包括它是什么？可能的路径如下： 问题答案： 根据W3： 部分URL相对于样式表的来源而不是相对于文档进行解释 因此，在回答您的问题时，它将相对于。 如果考虑到这一点，这是有道
-
问题内容： 使用条件注释，可以使用特定于浏览器的CSS规则轻松定位Internet Explorer： 有时，行为不当的是Gecko引擎（Firefox）。 什么是将CSS规则仅定位到Firefox而不是其他浏览器的最佳方式？ 也就是说，Internet Explorer不仅应该忽略仅Firefox的规则，而且WebKit和Opera也应该忽略它们。 注意： 我正在寻找一种“干净”的解决方案。在我
-
本文向大家介绍通过CSS的定位有几种，分别相对于什么定位？相关面试题，主要包含被问及通过CSS的定位有几种，分别相对于什么定位？时的应答技巧和注意事项，需要的朋友参考一下 ,常规布局 ,相对定位，使用这个定位后，元素相对于本身未添加定位的位置定位 ,绝对定位，相对于最近的非祖先元素定位 ,相对于浏览器窗口定位 ,粘性定位