有些html标签重叠了,我是web开发新手

有些html标签重叠了,我是web开发新手,html,css,Html,Css,我尝试了清除:两个,框大小:边框框,但都是 同样,在普通窗口中,没有问题,但在调整 浏览器窗口大小am获取此错误时,div->按钮为 重叠 div->h1 。按钮{ 位置:绝对位置; 最高:60%; 左:50%; 转换:翻译(-50%,-50%); } .btn{ 利润上限:1000px; 边框:1px纯白; 填充:10px 30px; 颜色:白色; 文字装饰:无; 框大小:边框框; } .btn:悬停{ 背景色:白色; 颜色:黑色; 过渡:0.6s缓解; } 演示制作 这看起来像是Flex

我尝试了
清除:两个
框大小:边框框
,但都是 同样,在普通窗口中,没有问题,但在调整 浏览器窗口大小am获取此错误时,div->按钮为 重叠 div->h1

。按钮{
位置:绝对位置;
最高:60%;
左:50%;
转换:翻译(-50%,-50%);
}
.btn{
利润上限:1000px;
边框:1px纯白;
填充:10px 30px;
颜色:白色;
文字装饰:无;
框大小:边框框;
}
.btn:悬停{
背景色:白色;
颜色:黑色;
过渡:0.6s缓解;
}

演示制作

这看起来像是Flexbox的工作。请参见

这看起来像是Flexbox的工作。请参见

绝对定位是一种非常糟糕的网页布局方法。它极不灵活,而且有更好、更灵活的选择。检查您的预期输出是什么?好的,我会检查它,但您能指出一些错误吗?@Ava预期输出是“下面将有两个按钮”,它们在全尺寸浏览器窗口中工作正常,但在较小的窗口中重叠。我只是将
页边顶部
缩小为
5em
,并添加了黑色背景色。绝对定位是一种非常糟糕的网页布局方法。它极不灵活,而且有更好、更灵活的选择。检查您的预期输出是什么?好的,我会检查它,但您能指出一些错误吗?@Ava预期输出是“下面将有两个按钮”,它们在全尺寸浏览器窗口中工作正常,但在较小的窗口中重叠。我只是将
页边空白顶部
缩小为
5em
,并添加了黑色背景色。