ボタンはお互いに積み重なっていますか？

Question

私はドイツ語でウェブサイトを作成しており、ボタンをホームに置いたときのようにボタンを置くと絶対的か固定かという問題があります。しかし、私はそれを相対的に設定します。誰かが私にそれを説明できますか？

CSSファイル：

#top { 
    display: inline-block; 
    width: 352px; 
    height: 160px; 
    color : white; 
    background-color: #2D2D2D; 
    float: left; 
    font-family: century gothic; 
    font-size: 25px; 
    border: none; 
    margin: 0px; 
    position: fixed 
    } 

とhtmlファイル：

<nav> 
<a class="weiter" href="Home.html"><button id="top" >Home</button></a> 
<a class="weiter" href="ueberuns.html"> 
<button id="top">&Uuml;beruns</button></a> 
<a class="weiter"><button id="top" id="click">Mitglieder</button></a> 
<a class="weiter" href="gebiet.html"><button 
id="top">UnserGebiet</button></a> 
<a class="weiter" href="kontakt.html"><button id="top">Kontakt</button></a> 
</nav> 

Answer 1

• それはposition: absolute|fixedと期待される動作です。
• これらのポジショニングを使用すると、ボタンを正確に配置したい場所にボタンを配置することがより詳細に制御できます。
• topleftrightとbottomを使用すると、正確なピクセルの完全な位置を指定できます。

また読書：絶対固定https://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

Answer 2

位置は、画面の左上例えば参照としてDOMを使用してディスプレイの最優先事項として扱わ両方。あなたが割り当てた最後の "Top"クラスがトップになります。いずれかのボタンに別のIDを割り当てて方向性のあるCSS命令を使用した場合：

#Bottom{right:100px;} 

divsの移動が開始されます。

要約すると、割り当てられたすべての項目を、htmlの順に最優先に処理し、画面の左上に移動します。