Question

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

并且每个单独工作正常。

我正在尝试将菜单放入主页的上部区域，但是当我这样做时，菜单将不会在下面完全展开。它尝试但是碰到主页面内容＆lt; DIV＆GT;的。所以它在三个主要列的开头截断。

如果放在最底部的页面中它工作正常但是菜单没有位置...理想情况下我希望菜单放在主要内容的正上方。

答案：我增加了Z-INDEX以及其他页面内容以上的DIV FLOAT。固定运行（或其下面）其他DIV'S下面的代码。

<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...

Answer 1

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

Answer 2

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

这是因为你的#menu div上有一个固定的高度。对此有一个非常简单的解决方案，请参见此处：

#menu
{
    width:100px;
    height:100px; /* remove this line */
    left:0px;
    top:0px;
    position:relative;
    float:left
}

希望基于css的ul列表菜单流过页面内容

2 个答案: