当前位置: 首页 > 面试题库 >

CSS使用负面相对定位问题

景理
2023-03-14
问题内容

我有页眉,主体和页脚。标头和主体的样式正确。现在,对于页脚,我想使其显示在主体后面,因此我使用了:

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问题 下面代码 为什么ul使用绝对定位居中 a元素变成块元素 文字会垂直 代码 为什么用绝对定位居中宽度展示文字会被挤下去 如下图 如果用flex布局居中就是没问题 代码如下图 效果如下图

  • 问题内容: 我遇到过许多涉及负边距的布局技术,例如这种用于边栏定位的经典方法。这些技术似乎可以相对容易地应用于相对定位。 所以代替这个: 一个可以做到这一点: 似乎相对位置在垂直方向上甚至可能更干净,因为上边距操纵可能会受到边距崩溃等影响。 一个相对于另一个有什么优势,或者它们实际上是等效的吗? 谢谢- 问题答案: 我猜相对定位会将内容向左移动,但是除非您将下一个元素也设为相对,否则原始空间将被其

  • 在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也应该忽略它们。 注意: 我正在寻找一种“干净”的解决方案。在我