CSS

CSS
  • 2019.08.06

CSSの Position:fixed; を指定した要素の上部に余白ができる

ヘッダーなどを固定するとき、通常は “ psition:fixed; ” を使うと思います。 しかし、上部に余白が出てしまう事があります。 その場合、次の要素の上マージン ” margin-top ” により、引っ張られる感じで、余白が付いてしまう場合が多いです。 例えば、要素 “header” に “ position:fixed; ” 、 次の要素、contents を固定ヘッダー分下げようと […]

CSS
  • 2019.08.04

Flexboxで上下揃えができない

Flexboxで子要素の上下揃えをしたいときは、下記のように “ align-items ” で設定します。 [crayon-5dae104443dc1707838451/] 上記のみで上手く上下揃いができない場合、” margin ”の設定が原因の場合があります。 これは左右揃えの時も同じですが、” margin : auto ; ” を指定していると上手く設定できません。 ですので、子要素側に […]