ショー
表示:ブロック;ブロック要素の表示
表示:インライン;インライン要素の表示
表示:インラインブロック;ブロック要素の表示
表示:フレックスボックス;フレキシブルボックス要素の合計幅が要素の合計よりも小さい場合、幅は均等に配分されます
表示:なし、非表示
ポジショニング
position:staticデフォルトでは、配置はありませんが、
位置:ブラウザーに対して相対的な絶対位置を固定します。上部に戻ると両側のフローティングバーが上部のスペースを直接占有しないなどの一般的な方法は、下部をブロックし、上部を使用できません
位置:相対的な相対的位置、相対的な通常の位置上部を使用して、本来あるべき位置から調整します
位置:絶対位置、親要素の相対位置は静的ではありません
.aoa {
位置:絶対;
ボーダー:1pxの赤の実線。
背景色:青;
top:40px;
表示:なし。
}
{.qaq
位置:相対;
高さ:40px;
line-height:40px;
}
.qaq:hover .aoa {
表示ブロック;
}
<ul>
<li class = "qaq">十数万
<div class = "aoa">
<ul>
<li> 123 </ li>
<li> 456 </ li>
</ ul>
</ div>
</ li>
</ ul>
ドロップダウンメニューバーを非表示にする単純なコード