Vh单位在绝对位置元素上并不完美

时间:2019-02-14 22:09:43

标签: html css

我正在尝试构建一个网页,其中包含多个位于绝对位置的不同框。我在使用此CSS时遇到问题:

height: 20vh;
text-align: center;
font-size: 20vh;
width:100vw;
margin-top: 0px;
margin-left 0px;
position: absolute;

它将与此元素重叠:

text-align: center;
display: table;
margin: 0 auto;
flex-direction: row;
width: 94vw;
height: 5vh;
font-size: 5vh;
position: absolute;
top: 20vh;

我认为将元素20vh放在顶部可以防止元素重叠。只是一点点,但是我以这种方式定位所有元素,以便在安装到屏幕中的同时,该位置在任何容器中几乎保持不变。反正有解决此重叠的问题吗?

我所有其他CSS都遇到相同的问题。

0 个答案:

没有答案