IE7でoverflow:hiddenが効かなかった話 - Qiita2014年にもなってIE7ネタを書くのも気がひけたんですが、同じ症状で詰まっている人に2,3人はいるだろう・・と思ったので書いてみました。ちなみに、既出ネタです。 今回取り上げるネタ 「overflow:hiddenを指定した親要素内にposition:relativeを指定した子要素を配置すると、IE7ではoverflow:hiddenが機能せずに子要素がはみ出る」というものです。 対処法 結論から先に書きますが、この現象は「 親要素にposition:relativeを指定する 」で解決できます。 サンプル 現象を再現可能な簡単なHTMLを書くと、以下のようになります。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>doesn't work overflow hidden</title> <link rel="s
