ホームページ >ウェブフロントエンド >htmlチュートリアル >どこで間違ったのか誰か教えてください_html/css_WEB-ITnose

どこで間違ったのか誰か教えてください_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:23:161014ブラウズ

レイアウトを作成したところ、メインメニューのリンクが選択できない理由がわかりません。マウスを上に移動しても手の形に変わりません

<%@ 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>


ディスカッションに返信(解決策)

は3499910bf9dac5ae3c52d5ede7383485ul<カバーされました
#main ul li ul

:relative; これを削除します */

わかりました、ありがとう

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。