縦横にはみ出した子要素を持つ親要素に対して、横部分のはみ出しは隠さずに縦部分のみをスクロールさせたいのですが
overflow-yにのみスクロ―ルを設定したはずなのに、何故か縦横の両方向にスクロールできてしまいます
HTML
1 <div id="parent"> 2 <div id="child"></div> 3 </div>
CSS
1#parent { 2 position: relative; 3 width: 100px; 4 height: 100px; 5 top: 50px; 6 left: 50px; 7 background-color: lightpink; 8 overflow-x: visible; 9 overflow-y: scroll; 10} 11 12#child { 13 position: relative; 14 width: 200px; 15 height: 200px; 16 bottom: 50px; 17 right: 50px; 18 border: 1px solid black; 19}
・overflow-y: scrollを設定する前
・overflow-y: scrollを設定した後
この問題の原因、及び縦スクロールのみを設定する方法をご存知の方が居ましたら教えていただきたいです
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/04/25 14:31
2022/04/25 14:41
2022/04/25 15:20 編集
2022/04/25 16:41