[CSSメモ] ネガティブマージンが効かない時

0

0

ネガティブマージンを指定して親要素から両端をはみ出させたいのだけど、左ははみ出るが右だけ効かなくて少しはまった・・

原因は要素に max-width: 100% が指定されていたこと。

そのため100% 以上に広がれず、左寄りになってしまっていたのだった・・

要素に max-width: none で解除して解決。

関連記事

canvas に 縦横いっぱい＆センタリングで画像を貼り付け 横幅いっぱいmp4のレスポンシブ背景（キービジュアルなど） セレクトボックスで表示切り替え レスポンシブサイトのスマホ表示で左右に動いてしまうときの対処法 HTML と CSS だけでラジオボタンの画像選択 & 選択状態 ページのファイルを丸ごとダウンロードする wget メモ [JavaScript] 期間の重複チェック [css animation] フェードイン・フェードアウト の keyframes