スクロールバー付きボックスの簡単な作り方を解説。HTMLで作成したボックスにCSSのoverflowプロパティを使ってスクロールバーを追加すれば、表示面積の狭いボックスの中にもたくさんの情報を詰め込むことができます。お知らせ一覧や更新履歴の掲載など ...

フロートした子要素を内包するコンテナが高さを拡張しない問題を解決するためのテクニックはさまざまなものがあります。 その中から、overflowを使った方法とその際に生じる問題点とその解決方法を紹介します。 フロートをクリアする要素を配置して解消 ...

とある要素について、以下の実装が必要となった。 X軸方向：「エリア外はみ出し禁止」「はみ出した場合は横スクロール」 Y軸方向：「エリア外はみ出し許容」 直感的に考えて、Y軸はデフォルトのままでいいとして、overflow-xにscrollを指定すればいいと思っ ...

1. text-overflow: ellipsisとは？ 指定された領域を超えたテキストを、三点リーダー（…）で省略するCSSプロパティ。 「省略記号によってコンテンツの一部を隠す」という視覚的な工夫で、情報の詰まりすぎを防ぐ設計です。 text-overflow: ellipsis; ただし、これ単体 ...