首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

哪位高手能告诉小弟我 小弟我错那里了

2013-08-13 
谁能告诉我 我错那里了只是做了个布局,不知道为什么主菜单的链接选中不了,就是鼠标移动上去都不变成手形%

谁能告诉我 我错那里了
只是做了个布局,不知道为什么主菜单的链接选中不了,就是鼠标移动上去都不变成手形



<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <style type="text/css">
        #main ul li a , #main ul li ul li a
        {
             text-decoration:none;
             float:left;
             width:250px;
             height:57px;
             text-align:center;
             border:1px solid #fff;
             background-color:Gray;
             color:White;
            }
        
           
       #main ul li
       {
           float:left;
           width:250px;
           height:58px;
           padding:0px;
           margin:0px;
           list-style:none;
           }
        
       #main ul li ul li
        {
             float:inherit;
             list-style:none;
             width:250px;
             height:58px;


            
            }
         #main ul li ul
         {
             position:relative;
             padding:0px;
             margin:0px;
             width:250px;
             height:58px;
             }
          #main ul
          {
              width:500px;
              height:58px;
              }
        #main
        {
            height: 251px;
            width: 706px;
        }
        </style>
</head>

<body style="height: 273px">
        <div id="main" >
            <ul>
                    <li>
                        <a href="#">1</a>
                        <ul>
                            <li><a href="#" >11</a></li>
                            <li><a href="#">12</a></li>
                        </ul>


                    </li>
                        

                    <li>
                        <a href="#">2</a>
                        <ul>
                            <li><a href="#">21</a></li>
                            <li><a href="#">22</a></li>
                            
                        </ul>
                        
                    
                    </li>
            </ul>

        </div>

</body>


</html>



[解决办法]
被 <a>下<ul> 盖住了
 #main ul li ul
         {
         /*    position:relative;  把这去掉 */  

热点排行
Bad Request.