css - 如何将菜单栏放在横幅下方

标签 css

我的菜单栏显示在我的横幅上......它堆叠。 你能告诉我如何将菜单栏放在横幅下方吗?

<body>
<style type="text/css">
        * { margin:0 auto;
            padding:0;
            }
                html { background:#ffffff; }
                body{
                         width:1600px;
                         height:800px;
                         overflow:auto;
                         background:#ffffff;
                        }
                div#menu {
                                margin:40px 0 0 95px;
                                text-align:center;
                                position:absolute;
                                }
                div#menu span {
                                font-size:22px;
                                padding-left:14px;
                                }
</style>

<?php
//include('menu.php');
include('menu_inc.htm');
?>      
<img src="bannersketch.png" border="0">

</body>

最佳答案

它堆叠的原因是你有 position:absolute; .尝试将 <img> php 上方的标记包括并删除绝对定位,看看是否有帮助。

关于css - 如何将菜单栏放在横幅下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3261505/

相关文章:

javascript - 悬停悬停文本框在选中时保持固定

html - Bootstrap 表单间距已关闭

html - 表格单元格和中断词不起作用

jquery多级菜单

html - CSS - 圆形背景

JavaScript:将 Google Analytics/Yandex.Metrica 减少到推荐人和屏幕大小

html - 如何将中心的 div 与其下方的 div 对齐?

css - 使用 CSS 镜像文本的第一个字母

javascript - 在 resizable() 之后定位 DIV

javascript - 无法滚动 IE7 滚动条