どもです。
目がヤバい餅。です。

本気で仕事からちょっと離れて森の中にでもダイヴしてきた方が良いかもしれません。
うーん、学生の頃はこんなことなかったのに。やっぱ「毎日」ってのがやヴぁいpointでしょうか。

それはともかく、今日はCSSの話。

既存のコーディングでCMSテンプレートを作ったのですが、問題がひとつ発生していました。

inline-blockの内容がCMSによって可変、
しかしinline-blockのサイズは一定でなければならず、
overflow:hiddenを設定することで、はみ出した分を非表示にする処置を取りました。

しかし、実機で見ると、inline-blockの中身こそhiddenされていますが、
何故か高さ情報だけがhiddenされておらず、それによりレイアウトが崩れていました。

色々試したのですが、抜本的な解決策は見つけられず。
親要素をposition:relativeし、inline-blockをposition:absoluteすることで解決。

スマホサイトのコーディングにおいては、
overflow:hiddenで高さ情報を消しきれないときがあると
覚えていた方が良いかもしれません。