-4

我有
1. 一个基本的 html 页面，使用 css 创建经典的三列页面，我有一个
2.<ul>使用 CSS 生成菜单的文件

并且每个都可以单独工作。

我试图将菜单放在主页的上部区域，但是当我这样做时，菜单不会在下面完全展开。它尝试但撞到主页内容 <div> 的。所以它在三个主要列的开头截断。

如果放到页面的最底部，它可以正常工作，但那不是菜单的地方......理想情况下，我希望将菜单放在主要内容的上方。

答案：我增加了 Z-INDEX，因此 DIV 浮动在其他页面内容之上。修复了运行到（或低于原样）其他 DIV 的每个代码如下。

查看结果http://cnew.org/index.php

<div id="dropmenu" style="position: absolute; width: 100%; 
height: 0px; 
z-index: 100;    <!---THIS LINE FIXED PROBLEM-->
top: 87px; left: 10px; visibility: visible;">   
<?php include('main-drop-down-menu.html'); ?>        
</div>    

 <div class="colmask threecol">    
        <div class="colmid">    
            <div class="colleft">    
                <div class="col1">    
                        <!-- Column 1 start --> 

The rest of the code here...
4

2 回答 2

1

我通过增加下拉菜单的 z-index 解决了我的问题，使其位于所有其他元素的“顶部”。显然它实际上是正确填充的，但隐藏在主 < div > 后面。感谢所有帮助过的人。

于 2013-05-31T01:04:27.070 回答
0

如果我理解您的问题是正确的，那么问题是您的菜单没有将内容向下推，对吗？

发生这种情况是因为您的#menudiv 具有固定的高度。有一个非常简单的解决方案，请参见此处：

#menu
{
    width:100px;
    height:100px; /* remove this line */
    left:0px;
    top:0px;
    position:relative;
    float:left
}
于 2013-05-30T20:27:10.543 回答