html
1<style type="text/css"> 2.content { 3 width: 20em; 4 height: 10em; 5 position: absolute; 6} 7 8.header { 9 width: 100%; 10 height: 1.5em; 11 12 background-color: #aaf; 13} 14 15.header:after { 16 display: block; 17 content: ''; 18 clear: both; 19} 20 21.left { 22 float: left; 23} 24 25.right { 26 float:right; 27} 28 29.main { 30 width: 100%; 31 height: 100%; 32 overflow-y: scroll; 33 34 background-color: #ccc; 35} 36</style> 37 38 39 40<div class="content"> 41 <div class="header"> 42 <div class="left">left</div> 43 <div class="right">right</div> 44 </div> 45 46 <div class="main"> 47 aaa<br> 48 aaa<br> 49 aaa<br> 50 aaa<br> 51 aaa<br> 52 aaa<br> 53 aaa<br> 54 aaa<br> 55 aaa<br> 56 </div> 57</div>
上のhtmlを書いたのですが、親クラス(content)から子クラス(main)がはみ出してしまします↓
どうすれば治りますか。
都合上、contentクラスはposition:absolteにしないといけません。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/09/03 15:20