オドフラン ~いつもどこかに「なるほど」を~

誰かのためになるようなことを、書き込んだり、書き込まなかったり

インラインフレームを使わずに、webサイトのページ内に、スクロールバー付きの小窓を挿入するソースコード

2015-07-16 13:37:57 | 日記

インラインフレームを使いたくない、

でもwebページ内にスクロールバー付の小窓を挿入したい。

そういう時の記述です。

 

-----------------

<例>

▼スタイルシートには

.inline_box {
width: 600px;
height: 70px;
overflow: auto;
background: #ffffff;
border: 1px solid #cccccc;
padding: 10px;
}

※レスポンシブの場合は
width: 100%
としましょう。


▼ページ(html)
<div class="inline_box">
ここに入れたい文章ここに入れたい文章ここに入れたい文章ここに入れたい文章ここに入れたい文章ここに入れたい文章ここに入れたい文章ここに入れたい文章ここに入れたい文章ここに入れたい文章ここに入れたい文章ここに入れたい文章ここに入れたい文章ここに入れたい文章ここに入れたい文章
</div>