Javascript <;部门>';当窗口水平调整大小时,s向上移动

Javascript <;部门>';当窗口水平调整大小时,s向上移动,javascript,html,css,Javascript,Html,Css,我有三个div,每个div中嵌套了一个元素 ` 我曾想过制作一个onWindowResize监听器,但任何类型的偏移都完全取决于跟踪和错误 #frontPage{ position:absolute; margin:auto; max-width:800px; height:800px; } 位置:aboslute并使用vh而不是% #secondArticle{ text-align:center; width:20%; flo

我有三个div,每个div中嵌套了一个
元素

`

我曾想过制作一个onWindowResize监听器,但任何类型的偏移都完全取决于跟踪和错误

#frontPage{
    position:absolute;
    margin:auto;
    max-width:800px;
    height:800px;   
}
位置:aboslute并使用vh而不是%

#secondArticle{ 
    text-align:center;
    width:20%;
    float:right;
    margin-top:27vh;
 }

我使用了一个特定的像素长度而不是百分比,问题就解决了。我也有一个div标签放错地方了。孩子们,仔细写代码

利润率顶部使用百分比的原因是什么?无。我回去把它们改成特定的像素长度,问题就解决了。我认为使用百分比高度会更“包容”。我错了。但是使用特定的像素长度并不能使你的站点响应。您可以使用vh或vw:)
#frontPage{
    position:absolute;
    margin:auto;
    max-width:800px;
    height:800px;   
}
#secondArticle{ 
    text-align:center;
    width:20%;
    float:right;
    margin-top:27vh;
 }