0

だから、学校のウェブサイトプロジェクトのスプライトベースのナビゲーションメニューをいじっていますが、コンテンツをドラッグしたり、その方向に何かをドラッグしたりせずにナビゲーションバーを上に移動する方法がわからないようです。

私のCSS：

nav {
    width:837px;
    float:left;
    margin:0px 0px 0px 30px;
    background:url(../images/withtext.gif) repeat-x;
    height:79px;
    }       

#nav ul {
    margin:4px 0px 0px 0px;
    padding:0px;
    list-style:none;
    }

#nav ul li {    
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#FFFFFF;
    /*line-height:38px;*/
    padding:3px 50px 3px 50px;
    border-right:1px #00222a solid;
    margin:7px 0px 0px 0px;
    }   

#nav ul li a {  
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#FFFFFF;
    text-decoration:none;
    }

#nav ul li a:hover {    
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#FFFFFF;
    text-decoration:underline;
    }

どうすれば上に移動できますか？

4

1 に答える 1

1

position: relative負の値を使用topすることは、それを行う 1 つの方法です。

nav {
    width:837px;
    float:left;
    margin:0px 0px 0px 30px;
    background:url(../images/withtext.gif) repeat-x;
    height:79px;
    position: relative;
    top: -10px;
}
于 2013-04-20T16:57:24.903 に答える