html
1 <section id="news"> 2 <div class="contents_title_img"> 3 <img src="images/news_title.png" alt="おしらせ"> 4 </div> 5 <div class="contents"> 6 <p class="sp_date">2019.04.06</p> 7 <p>お知らせ内容</p> 8 <p class="sp_date">2019.04.07</p> 9 <p>お知らせ内容</p> 10 <p class="sp_date">2019.04.08</p> 11 <p>お知らせ内容</p> 12 <p class="sp_date">2019.04.09</p> 13 <p>お知らせ内容</p> 14 </div> 15 </section>
css
1 section#news div.contents{ 2 margin: 5px 0 0; 3 width: 695px; 4 height: 136px; 5 padding: 0 ; 6 border-radius: 15px; 7 overflow-y: scroll; 8 } 9 10 main section#news div.contents p{ 11 padding-left: 10px; 12 } 13 14 main section#news div.contents p.sp_date{ 15 padding-top: 10px; 16 }
スクロールバーを付ける要素の枠を角丸にしている為、スクロールバーが右端にあると角丸が隠れてしまいます。
paddingを付けてみましたが、スクロールバーを含まない状態で付加されるので、スクロールバーに影響はありませんでした。
少しだけ左に移動させて角丸にかぶらないようにしたいのですが、そもそも、その是非や、方法をご存知の方いらっしゃいましたら、教えて頂けるとありがたいです。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/07/01 07:17