Javascript 我如何设置我的CSS下拉菜单？它在“页边距顶部：0”处工作正常，但在“页边距顶部：135”处不工作？

编辑：在IE中可以正常工作，但在chrome浏览器中不行

我在我的网页上制作了CSS下拉菜单，该菜单将应用于所有页面，但导航栏在顶部可以正常工作，但在页边距顶部（135或任何其他位置）不起作用。如何修复asp.net网站中的此错误。请任何人帮帮我。。。在页边距顶部：135不能选择任何子菜单

html代码

<div style="position:absolute; top: 3px; left: 179px; height: 165px; width: 944px;" 
           id="cont"> 

           <ul id="sddm">
               <li><a href="index.aspx">

               Home</a>


    </li>
    <li><a href="#" 
        onmouseover="mopen('m2')" 
        onmouseout="mclosetime()">Company</a>
        <div id="m2" 
            onmouseover="mcancelclosetime()" 
            onmouseout="mclosetime()">
        <a href="#">About Us</a>
        <a href="#">GEPCO BoD</a>
        <a href="#">Top Management</a>
        <a href="#">Organizational Chart</a>
         <a href="#">Telephone Directory</a>
          <a href="#">Consumer</a>
           <a href="#">Existing Stuff Strength</a>
        </div>
    </li>
   <li><a href="#" 
        onmouseover="mopen('m1')" 
        onmouseout="mclosetime()">Customer Service</a>
    <div id="m1" 
            onmouseover="mcancelclosetime()" 
            onmouseout="mclosetime()">
        <a href="#">Electric Tariff</a>
        <a href="#">Print Duplicate Bill</a>
        <a href="#">Customer Centered</a>
        <a href="#">Load Shedding Schedule</a>
        <a href="#">Consumer Service Manual</a>
        <a href="#">Safety Guide</a>
        <a href="#">Procedures</a>
        </div></li>
    <li><a href="#" 
        onmouseover="mopen('m3')" 
        onmouseout="mclosetime()">News & Media</a>
        <div id="m3" 
            onmouseover="mcancelclosetime()" 
            onmouseout="mclosetime()">
        <a href="#">Tender</a>
        <a href="#">Press Release</a>
        <a href="#">Jobs</a>

        </div>
    </li>
    <li><a href="#" 
        onmouseover="mopen('m4')" 
        onmouseout="mclosetime()">Downloads</a>
        <div id="m4" 
            onmouseover="mcancelclosetime()" 
            onmouseout="mclosetime()">
        <a href="#">For Customer</a>
        <a href="#">For Employee</a>

        </div></li>
<li><a href="#" >FAQs</a></li>
<li>
<a href="#" 
        onmouseover="mopen('m5')" 
        onmouseout="mclosetime()">Usefull Links</a>
        <div id="m5" 
            onmouseover="mcancelclosetime()" 
            onmouseout="mclosetime()">
        <a href="#">About Us</a>
        <a href="#">GEPCO BoD</a>
        <a href="#">Top Management</a>
        <a href="#">Organizational Chart</a>
         <a href="#">Telephone Directory</a>
          <a href="#">Consumer</a>
           <a href="#">Existing Stuff Strength</a>
        </div>
</li>

</ul>
</div>

---

检查它，如果这对你有用

当您对div使用position:absolute时，它也取决于它的父级。确保您有一个div或任何其他具有position:relative和top:135px的父级；代替页边空白顶部。

请解释到底什么不起作用？在顶部子菜单显示时无法选择子菜单，可以选择表示工作正常。但在页边空白顶部：135子菜单仅显示无法选择您要查找吗？将鼠标悬停在菜单上，您可以看到下拉列表。你在找同样的吗？我用的是chrome浏览器。这不是工作：想要你到底想要什么？你能解释一下或者给我看一个可能有帮助的例子吗？错误是下拉菜单不起作用。当我将此导航栏移到中心时。此导航栏仅在其位于页面顶部时工作

<style type="text/css">
#sddm
{   
    margin-top:135px;
    padding:0;


    }

#sddm li
{   
    padding:0;
    list-style: none;
    float: left;
    font: bold 11px arial;

    }

#sddm li a
{   display: block;
    margin: 0 0 0 0;
    border:none;
    padding: 4px 10px;
    height:20px;
    width: 100px;

    background: #5970B2 url('index/blue.png');
    color: #FFF;
    text-align: center;
    text-decoration: none;

    }

#sddm li a:hover
{   background: #49A3FF}

#sddm div
{   position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    margin-left:0px;
    background: #49A3FF;
    }

    #sddm div a
    {   position: relative;
        display: block;

        margin: 0;
        padding: 0;
        width: auto;
        white-space: nowrap;
        text-align: left;
        text-decoration: none;
        background: #EAEBD8;
        color: #2875DE;
        font: 11px arial}

    #sddm div a:hover
    {   background: #49A3FF;
        color: #FFF}
        </style>

    var timeout = 500;
        var closetimer = 0;
        var ddmenuitem = 0;

        // open hidden layer
        function mopen(id) {
            // cancel close timer
            mcancelclosetime();

            // close old layer
            if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';

            // get new layer and show it
            ddmenuitem = document.getElementById(id);
            ddmenuitem.style.visibility = 'visible';

        }
        // close showed layer
        function mclose() {
            if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
        }

        // go close timer
        function mclosetime() {
            closetimer = window.setTimeout(mclose, timeout);
        }

        // cancel close timer
        function mcancelclosetime() {
            if (closetimer) {
                window.clearTimeout(closetimer);
                closetimer = null;
            }
        }

        // close layer when click-o

ut
    document.onclick = mclose; 

`http://jsfiddle.net/XUWmx/`