Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/entity-framework/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何避免按钮重叠?_Css_Button_Responsive Design - Fatal编程技术网

Css 如何避免按钮重叠?

Css 如何避免按钮重叠?,css,button,responsive-design,Css,Button,Responsive Design,导航菜单(移动版)时,按钮重叠。按理说,按钮应该只放在pciture的底部(在白色背景之前)。如何修复此问题 CSS(移动版) 链接:将位置:相对应用到您的。主标题div。这会将按钮困在该容器中,以便在您单击菜单时将其与内容一起按下 希望这有帮助。将位置:relative应用到您的.home header div。这会将按钮困在该容器中,以便在您单击菜单时将其与内容一起按下 希望这有帮助 .home-header-button { display: block; text-ali

导航菜单(移动版)时,按钮重叠。按理说,按钮应该只放在pciture的底部(在白色背景之前)。如何修复此问题

CSS(移动版)


链接:

位置:相对
应用到您的
。主标题div
。这会将按钮困在该容器中,以便在您单击菜单时将其与内容一起按下


希望这有帮助。

位置:relative
应用到您的
.home header div
。这会将按钮困在该容器中,以便在您单击菜单时将其与内容一起按下

希望这有帮助

.home-header-button {
    display: block;
    text-align: center;
    position: absolute;
    margin: 13em auto;
    width: 90%;
    top: 25em;
}