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>あかさたなはまやらわアカサタ
![Webサイト制作におけるoverflow:hiddenの効果 - Webあんぎゃ](https://cdn-ak-scissors.b.st-hatena.com/image/square/a3e104ccb53d410ef33ee03f70676ebe954bc705/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fp%2Fporco_webangya%2F20130803%2F20130803024140_120.jpg)