縱向下拉菜單的疑惑

時間 2019-11-29

標籤縱向下拉菜單疑惑简体版

原文原文鏈接

我也是醉了，本來一個很簡單的下拉菜單，也搞了那麼久，緣由僅僅是加了一個css樣式，我以前的代碼是這樣的：css

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>test</title>
   <style type="text/css">
        .parent-menu{
           list-style: none;
           height: 400px;
           width:500px;
           margin:0 auto;
           overflow: hidden;
        }
        .parent-menu li{
           background: #CCC none repeat scroll 0% 0%;
           border-bottom: 1px solid #FFF;
           display: block;
           height: 40px;
           line-height: 40px;
        }
        .parent-menu a{
           display: block;
           width: 100%;

        }
        .child-menu{
           width: 100%;
           display: block;
           list-style: none;
        }
   </style>
</head>
<body>
      <ul>
       <li><a href="">目錄一</a>
             <ul>
                <li><a href="">目錄二</a></li>
                <li><a href="">目錄二</a></li>
                <li><a href="">目錄二</a></li>
                <li><a href="">目錄二</a></li>
             </ul>
       </li>
       <li><a href="">目錄一</a></li>
       <li><a href="">目錄一</a></li>
       <li><a href="">目錄一</a></li>
      </ul>

</body>
</html>html