ココカラハジメヨウ ウェブ、投資、美容、インビザライン

ウェブデザイン

2021.05.13CSS

cssで擬似インラインフレームをつくる

決まった枠内でスクロールできる擬似インラインフレーム

 

.flame {
overflow: auto;
height: 200px;
width: 100%;
background-color: #f7efe9;
border: solid 1px #f9bb8f;
padding: 20px;
}

 

<div class="flame">
  <h2>テキストテキストテキスト</h2>
  <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ</p>
</div