CSS相对右(或底)几乎永远不会工作

前端之家收集整理的这篇文章主要介绍了CSS相对右(或底)几乎永远不会工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直在编写CSS一段时间了.

我注意到了

<div style="position: relative; right: 20%; bottom: 20%;">some text</div>

从来没有工作!

相对定位将与左上和上部指定,但不在右/底.为什么?

一个快速解决方案是使用“绝对”,并以像素指定右/底,但我需要一个理由.

另外,如果我错了,纠正我无论外部容器是绝对还是相对位置,将容器的位置“相对”放置在容器的边界上,还是容器内部的元素总是被定位为“绝对”?

谢谢.

解决方法

Absolute vs. Relative – Explaining CSS Positioning

Relative positioning uses the same four positioning properties as absolute positioning. But instead of basing the position of the element upon the browser view port,it starts from where the element would be if it were still in the normal flow.

原文链接:https://www.f2er.com/css/216459.html

猜你在找的CSS相关文章