<p class="tag">CSSメニュー</p> 書籍「すごいCSS」で紹介されていた方法に従って以下のメニューを作成しました<br> ですが、ポップアップメニューが常に画面の右側に表示されることがわかりました。 li の絶対位置は、ul 位置:相対位置を参照しませんでした。しかし、この問題を解決するにはどうすればよいでしょうか?テストにはChromeを使用しています。 <br> <html> <br> <style type="text/css"> <br> ul.toc li { <br> display:none; <br> ul.toc li a:hover i{ <br> 表示: ブロック; <br> 上: 100%; <br> パディング: 1em; <br> 背景:#cde; <br> ボーダー: 1px <br> </head> <br> <ul class="toc"> ;li><a href="1.html"><i>111111111111</i> 第 1 章 </a></li> <br> <li<a href="1.html "><i>222222222222</i> 第 2 章 </a></li> <br> <li><a href="1.html"><i>33333333333</i> ;第 3 章 </a></li> <br> </div> <br> </html> <br> しないでくださいgive ul.toc li 追加position:relative; <br> 追加position:relative <br> これがあなたが望んでいる効果かどうかはわかりません。 <br> <br> すごいですね、ありがとう。しかし、なぜ祖父ノードを与えるとうまくいかないのでしょうか?また聞きたいのですが、absolute は親要素チェーンの相対に沿って配置されると聞きましたが、なぜ 1 レベル離れたところに配置できないのですか? <br> <br> ul と li は両方ともブロック要素であることを理解してください。背景を設定すると確認できます。ありがとう。 <br>
