「overflow(オーバーフロー)について」無料ホームページテンプレート

.sample1 { width:300px; height:100px; border:1px solid #ccc; overflow:visible; }

<p class="sample1">サンプル<br />

サンプル<br />

サンプル<br />

サンプル<br />

サンプル<br />

サンプル<br />

サンプル<br />

サンプル</p>

.sample2 { width:300px; height:100px; border:1px solid #ccc; overflow:hidden; }

<p class="sample2">サンプル<br />

サンプル<br />

サンプル<br />

サンプル<br />

サンプル<br />

サンプル<br />

サンプル<br />

サンプル</p>

.sample3 { width:300px; height:100px; border:1px solid #ccc; overflow:scroll; }

<p class="sample3">サンプル<br />

サンプル<br />

サンプル<br />

サンプル<br />

サンプル<br />

サンプル<br />

サンプル<br />

サンプル</p>

.sample4 { width:300px; height:100px; border:1px solid #ccc; overflow:auto; }

<p class="sample4">サンプル<br />

サンプル<br />

サンプル<br />

サンプル<br />

サンプル<br />

サンプル<br />

サンプル<br />

サンプル</p>