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

负边距与相对位置

白君之
2023-03-14
问题内容

我遇到过许多涉及负边距的布局技术,例如这种用于边栏定位的经典方法。这些技术似乎可以相对容易地应用于相对定位。

所以代替这个:

.sidebar {
    margin-left:-600px;
}

一个可以做到这一点:

.sidebar {
    position:relative;
    left:-600px;
}

似乎相对位置在垂直方向上甚至可能更干净,因为上边距操纵可能会受到边距崩溃等影响。

一个相对于另一个有什么优势,或者它们实际上是等效的吗?

谢谢-


问题答案:

我猜相对定位会将内容向左移动,但是除非您将下一个元素也设为相对,否则原始空间将被其占据。但是,如果页边距为负,则内容及其原始空间都会移动。



 类似资料:
  • 问题内容: 我有页眉,主体和页脚。标头和主体的样式正确。现在,对于页脚,我想使其显示在主体后面,因此我使用了: 这样可以达到预期的效果,但是我在底部得到了60px的额外空间。 如何清除多余的空间? 问题答案: 保罗是正确的。代替。另一种可能的解决方案是将“主体”设置为可在页脚上使用- 尽管这种扭曲意味着页脚需要在“主体”内移动。尽管只要页脚的父项带有“主体”,您就可以在该元素上使用相同的技巧。

  • 我开始开发一个增强现实应用程序,在这个应用程序中,你可以在你的增强现实相机视图上放置屏幕上的一个图像,它停留在地球上的那个位置,这样其他人就可以通过增强现实相机视图看到它。为此,我知道我需要计算一些距离因子,以及方位角和仰角。 所以,我已经想出了如何将物体的图形发送到服务器并取回它,但如何将它放回相对于地球的原始位置。我知道我需要计算它: null 罗汉岛

  • 主要内容:定义各个方向上的内边距,内边距简写形式内边距(padding)是指元素内容区与边框之间的区域,与外边距不同,内边距会受到背景属性的影响。您可以通过下面的属性来设置元素内边距的尺寸: padding-top:设置元素内容区上方的内边距; padding-right:设置元素内容区右侧的内边距; padding-bottom:设置元素内容区下方的内边距; padding-left:设置元素内容区左侧的内边距; padding:内边距属性的

  • 主要内容:为元素设置外边距,外边距折叠元素的外边距(margin)是围绕在元素边框以外(不包括边框)的空白区域,这片区域不受 background 属性的影响,始终是透明的。 为元素设置外边距 默认情况下如果不设置外边距属性,HTML 元素就是不会有外边距,但也有例外的情况,因为浏览器会为一些 HTML 元素设置默认的外边距,例如 元素。您可以使用下面的属性来为 HTML 元素设置外边距: margin-top:设置元素上方的外边距;

  • 我使用flexbox在桌面窗口屏幕中布局我的index.html,在一行中有两个div元素,在第二行中有一个长div元素,在第三行中有两个div元素,其中一个包含一个列表。我需要第一行和第三行中两个div元素之间的一些行间距。当我尝试在div元素上使用左边缘或右边缘时,div元素会相互折叠。 我试图改变每个div元素的宽度,但它们最终会互相折叠。我还尝试了在内容类上证明内容和对齐内容,但没有任何结