質問編集履歴
1
実際のコcss htmlのコードを追加しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,13 +10,37 @@
|
|
|
10
10
|
|
|
11
11
|
■■な機能を実装中に以下のエラーメッセージが発生しました。
|
|
12
12
|
|
|
13
|
-
そこで、ボックスの上下はカードが多くなると、スクロールするように以下のようにcssで設定し、できるようになっていますが。
|
|
13
|
+
そこで、ボックスの上下はカードが多くなると、スクロールするように以下のようにcssで設定し、上下はできるようになっていますが。
|
|
14
|
+
ただ、その影響で左右方向にほかのボックスにドラッグする際に、スクロールが出てくる状態になっている。
|
|
14
15
|
|
|
15
16
|
|
|
16
17
|
### 該当のソースコード
|
|
17
18
|
|
|
18
|
-
```
|
|
19
|
+
```html
|
|
20
|
+
<div class="contentBox">
|
|
21
|
+
<div class="cardList">
|
|
19
|
-
|
|
22
|
+
(カード形式の情報がリストになってる)
|
|
20
|
-
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
21
25
|
```
|
|
26
|
+
```css
|
|
27
|
+
//cardList
|
|
28
|
+
overflow-y:auto;(←このように、上下のスクロールのみを指定）
|
|
29
|
+
border:1px solid lightgray;
|
|
30
|
+
background-color: #9f9fa0;
|
|
31
|
+
position:relative;
|
|
32
|
+
top:-16px;
|
|
33
|
+
width:280px;
|
|
34
|
+
height:750px;
|
|
35
|
+
border-bottom-left-radius:15px;
|
|
36
|
+
border-bottom-right-radius: 15px;
|
|
37
|
+
}
|
|
38
|
+
//contentBox
|
|
39
|
+
box-sizing: border-box;
|
|
40
|
+
min-height:40px;
|
|
41
|
+
padding-left:50px;
|
|
42
|
+
padding-top:30px;
|
|
43
|
+
width:100%;
|
|
44
|
+
height:730px;
|
|
45
|
+
```
|
|
22
46
|
どこが間違っているのでしょうか、ご指摘いただけると光栄ですorz
|