2012-04-09 10 views
1

私は自分のウェブサイトの左側に固定された垂直ナビゲーションをしようとしています。CSSで固定位置を扱うにはどうすればいいですか?

しかし、私がそれを与えるときはいつも:fixed;余白を使用して配置すると、<nav>タグの情報にあるすべてのリンクが取り消されます。

これを変更する方法について誰もが知っていますか?

答えて

1

ソリューションは、左と上の特性を利用した測位であるない余白:)

#mydiv{ 
    position:fixed; 
    top:100px; 
    left:0px; 
} 
+1

私たちは3年後、再びStackOverflowアカウントにログインします。ご回答いただきありがとうございます。 –

0

はあなたにこの記事に便利ですか?

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Fixed Position</title> 

<style type="text/css"> 
#nav{ 
    position:fixed; 
    background-color:#EFEFEF; 
    width:200px; 

    left:0; 
    top:0; 
} 
#main{ 
    width:900px; 
    margin:0 auto; 
    background-color:#0CF; 
    height:3000px; 
} 
</style> 

</head> 

<body> 


    <div id="nav"> 
     <ul> 
      <li><a href="#">Link1</a></li> 
      <li><a href="#">Link2</a></li> 
      <li><a href="#">Link3</a></li> 
     </ul> 
    </div> 


    <div id="main"> 
    </div> 


</body> 
</html>