Webサイト制作におけるoverflow:hiddenの効果 - WebあんぎゃWebサイト制作において、overflow:hidden;が登場する機会は比較的多いような気がする。floatを指定したものの親要素に指定すると習ったが、そういえば実際にその効果を検証したことはなかったと思い、今更ではあるが検証（確認）しておく。 1．1つのブロック要素の指定領域より中身が大きい場合 以下、コード。 <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>overflow:hiddenの検証</title> <style> body, div, p { margin: 0; padding: 0; } p { width: 60px; height: 30px; background: #0f0; /* 緑 */ } </style> </head> <body> <div> <p>あかさたなはまやらわアカサタ
