-
高度なWebデザインも自由自在!親要素の高さを拡張するテクニック
このチュートリアルでは、HTML、CSS、および position プロパティを使用して、絶対配置された div が親 div の高さを拡張する方法を説明します。この方法は、親 div の高さをコンテンツに合わせて自動的に調整したい場合に役立ちます。
-
positionプロパティを使ってdivを重ねる
この方法は、親要素を基準にして子要素の位置を調整する方法です。手順親要素に position: relative を指定します。子要素の top、right、bottom、left プロパティを使って、親要素に対する位置を調整します。例この例では、#child は #parent の左上から10pxの位置に重ねられます。
-
【CSS】position: fixed; で要素を固定配置!でも、ちょっと違う…
position: fixed; は、要素をブラウザウィンドウに対して固定位置に配置します。しかし、場合によっては、要素を親要素に対して固定位置に配置したいこともあります。この場合、position: fixed; と position: relative; を組み合わせることで実現できます。