css - 是否可以给 css 属性一个负的百分比值?

标签 css responsive-design percentage

我有一个父元素,我需要我的子元素与父元素重叠。是否可以给出负百分比值?看看我下面的意思。

parent {
   position: absolute;
}
child {
   position: relative;
   top: -20%;
}

目前,当我尝试实现上述内容时,它仅将其理解为正百分比值(因此下降而不是上升)。

让我知道这是否可行,或者我是否应该实现不同的解决方案(如果是的话,将不胜感激)。

最佳答案

正如@Paulie_D 所说,我之前的回答没有回答 OP 问题。所以这是我的新答案:

实现这一目标的正确方法是使用

margin-top:-20%;

代替

top:-20%

根据 W3C,使用负值作为边距是正确的。 欲了解更多信息,请访问此 link

还有another question similar to this one .

关于css - 是否可以给 css 属性一个负的百分比值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26242356/

相关文章:

css - 根据高度保持div纵横比

scala - Spark : count percentage percentages of a column values

css - 在悬停时更改 SVG ClipPath

css - 如何创建具有固定高度的响应式 bootstrap v3 旋转木马来左右裁剪图像?

html - 如何让我的菜单在 Firefox 中工作?

css - 如果屏幕足够宽,我怎样才能将我的 Canvas 自动放在我的 table 旁边,或者在彼此下面?

html - CSS 列百分比无法按预期工作

python - Pandas 获得 groupby 的百分比值

javascript - 删除 javascript 代码后网页内容阻止如何工作

html - 如何在鼠标悬停时修复链接的位置