CSSにおけるブロックオーバーフロー

Задание 1

幅と高さが200pxのdivを作成してください。 その中に、高さに収まらない長いテキストを追加してください。 テキストがブロックの下部からはみ出ることを確認してください。

Задание 2

前の課題を修正し、テキストが高さ方向にはみ出した場合に、 divに垂直スクロールバーが表示されるようにしてください。

Задание 3

前の課題を修正し、垂直方向にはみ出したテキストが切り取られるようにしてください。

Задание 4

前の課題を修正し、マウスをdivにホバーしたときに、 divの高さがすべてのテキストが収まるのに十分な大きさになるようにしてください。

Задание 5

幅と高さが300pxのdivを作成してください。 作成したdivに、幅と高さの両方でdivより大きい画像を追加してください。 画像がdivの境界を超えてはみ出すことを確認してください。

Задание 6

前の課題を修正し、画像がはみ出した場合にスクロールバーが表示されるようにしてください。

Задание 7

前の課題を修正し、画像のはみ出した部分が切り取られるようにしてください。

Задание 8

前の課題を修正し、画像のはみ出した部分は水平方向には切り取られ、 垂直方向にはスクロールバーが表示されるようにしてください。

Задание 9

幅と高さが150pxのdivを作成してください。 divの内容に関係なく、常に垂直スクロールバーが表示されるようにしてください。