relativeがネストした構造例えば疑似要素:afterでposition:absoluteしてz-indexを-1として影を付けた場合、 これ単体では正常に動くが、その要素の中でさらに同じように疑似要素:afterでposition:absoluteしてz-indexを-1として影を付けようとすると、中の疑…

CSSで計算式を可能にするcalc()ファンクション 通常、左コンテンツfloat left 可変+ 右メニュー float:right 幅固定 width:300px といったことはできない。なので、greenのようにjavascriptでwidthを動的に変更するかcss calcを使う #contents { float : lef…

これは実際に使ってみると、対象のDIVが固定でないと使えない。また、サイズによって調整が必要。つまり、height:100%,width:100%などのように可変の要素には使えない。 [CSS]box-shadowを使って、紙がふわりと浮かんだようなエフェクトをつけるスタイルシー…