通常のナビゲーションをしようとしているだけですが、長い間そのようなことをしていないので失敗しているようです。だからここに私が得たものがあります:
<div id="Top">
<div id="Navi">
<div class="Link">
<a href="index.php?s=link1">link1</a>
</div>
<div class="Link">
<a href="index.php?s=link2">link2</a>
</div>
</div>
</div>
と:
#Top {
width:100%;
min-height:100px;
height:15%;
max-height:200px;
background-color:#C6E466;
border-bottom-width:2px;
border-bottom-style:solid;
border-bottom-color:#4E6011;
position:relative;
}
#Navi {
width:100%;
position:absolute;
top:-1px;
left:-5px;
}
.Link {
height:20px;
margin-left:10px;
min-width:150px;
width:10%;
max-width:200px;
float:left;
background-color:#121212;
color:white;
text-decoration:none;
}
私が欲しいのは: - 上部の完全なヘッダー、#Top で、上部の領域全体を左から右に変換します (幅: 100%)。- #Top ヘッダーに #Navi 経由のリンクを表示したい。しかし、#Topの右下に#Naviを表示したい。だから私は #Top to position relative と #Navi position:absolute を行うと考えましたが、うまくいきません。- 次に、リンクの色を白にしたかったのですが、どういうわけか機能しません - なぜですか? - クールではないと思うものを使用する必要があるのはなぜですか? 完全な #Navi div を使用しないと表示されません。
どうもありがとう!