margin-topを指定したら親要素を超えて上にはみ出た問題 ❏CSS❏

例

すべてのツイートにmargin-top: 30px;をしています。
しかし、一番上のツイートは親要素にmarginがあたってしまっています。
本来は一番上も白色にしたいのです。伝われ。

xxx.css

.tweet {
  margin-top: 30px;
  略
}

誤

正

【答え】親要素に overflow: hidden;

xxx.css

.tweets {
  overflow: hidden;
  略
}

.tweet {
  margin-top: 30px;
  略
}

これで解決！やったね！！

参考

http://seto-abe.hatenablog.com/entry/2016/12/06/153305

ではまた！