質問編集履歴

4

コード修正

2019/10/27 02:53

投稿

sakura-shi
sakura-shi

スコア93

test CHANGED
File without changes
test CHANGED
@@ -100,9 +100,9 @@
100
100
 
101
101
  <tr>
102
102
 
103
- <th>A Xarea</th>
103
+ <th>AAAA title</th>
104
104
 
105
- <th>B Xarea</th>
105
+ <th>BBBB title</th>
106
106
 
107
107
  </tr>
108
108
 
@@ -112,9 +112,9 @@
112
112
 
113
113
  <tr>
114
114
 
115
- <td>1a Xarea</td>
115
+ <td>1aaaaa</td>
116
116
 
117
- <td>1b Xarea</td>
117
+ <td>1bbbbb</td>
118
118
 
119
119
  </tr>
120
120
 

3

コード修正

2019/10/27 02:53

投稿

sakura-shi
sakura-shi

スコア93

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,6 @@
1
+ 以下のCSSを,
2
+
1
- 以下のCSSをx_areaでは無効にするのはどうしたらいいのでしょうか?
3
+ title_area,body_areaのみに適用し、それ以外の部分では無効にするのはどうしたらいいのでしょうか?
2
4
 
3
5
 
4
6
 
@@ -88,6 +90,42 @@
88
90
 
89
91
 
90
92
 
93
+ <div>
94
+
95
+ <!-- ここには、id,classがない。この内部では以下CSSを適用させたくない -->
96
+
97
+ <table>
98
+
99
+ <thead>
100
+
101
+ <tr>
102
+
103
+ <th>A Xarea</th>
104
+
105
+ <th>B Xarea</th>
106
+
107
+ </tr>
108
+
109
+ </thead>
110
+
111
+ <tbody>
112
+
113
+ <tr>
114
+
115
+ <td>1a Xarea</td>
116
+
117
+ <td>1b Xarea</td>
118
+
119
+ </tr>
120
+
121
+ </tbody>
122
+
123
+ </table>
124
+
125
+ </div>
126
+
127
+
128
+
91
129
  ```
92
130
 
93
131
 

2

コード修正

2019/10/27 02:51

投稿

sakura-shi
sakura-shi

スコア93

test CHANGED
File without changes
test CHANGED
@@ -26,6 +26,8 @@
26
26
 
27
27
  <table>
28
28
 
29
+ <tbody>
30
+
29
31
  <tr>
30
32
 
31
33
  <td>1a</td>
@@ -33,6 +35,16 @@
33
35
  <td>1b</td>
34
36
 
35
37
  </tr>
38
+
39
+ <tr>
40
+
41
+ <td>2a</td>
42
+
43
+ <td>2b</td>
44
+
45
+ </tr>
46
+
47
+ </tbody>
36
48
 
37
49
  </table>
38
50
 
@@ -46,6 +58,8 @@
46
58
 
47
59
  <table>
48
60
 
61
+ <thead>
62
+
49
63
  <tr>
50
64
 
51
65
  <th>A Xarea</th>
@@ -54,6 +68,10 @@
54
68
 
55
69
  </tr>
56
70
 
71
+ </thead>
72
+
73
+ <tbody>
74
+
57
75
  <tr>
58
76
 
59
77
  <td>1a Xarea</td>
@@ -61,6 +79,8 @@
61
79
  <td>1b Xarea</td>
62
80
 
63
81
  </tr>
82
+
83
+ </tbody>
64
84
 
65
85
  </table>
66
86
 
@@ -76,19 +96,39 @@
76
96
 
77
97
  <style type="text/css">
78
98
 
79
- th, td {
99
+ div.body_area thead, tbody {
80
100
 
81
- width: 100px;
101
+ width: 100%;
102
+
103
+ display: block;
82
104
 
83
105
  }
84
106
 
85
- div {
107
+ div.body_area tr {
86
108
 
87
- width: 250px;
109
+ width: 100%;
88
110
 
89
- height: 100px;
111
+ }
90
112
 
113
+ div.body_area tbody {
114
+
115
+ width: 100%;
116
+
117
+ height: 100px;
118
+
119
+ overflow-x: hidden;
120
+
91
- overflow: auto;
121
+ overflow-y: scroll;
122
+
123
+ }
124
+
125
+ div.title_area tbody {
126
+
127
+ width: 100%;
128
+
129
+ overflow-x: hidden;
130
+
131
+ overflow-y: scroll;
92
132
 
93
133
  }
94
134
 

1

コード修正

2019/10/27 02:36

投稿

sakura-shi
sakura-shi

スコア93

test CHANGED
File without changes
test CHANGED
@@ -48,17 +48,17 @@
48
48
 
49
49
  <tr>
50
50
 
51
- <th>A</th>
51
+ <th>A Xarea</th>
52
52
 
53
- <th>B</th>
53
+ <th>B Xarea</th>
54
54
 
55
55
  </tr>
56
56
 
57
57
  <tr>
58
58
 
59
- <td>1a</td>
59
+ <td>1a Xarea</td>
60
60
 
61
- <td>1b</td>
61
+ <td>1b Xarea</td>
62
62
 
63
63
  </tr>
64
64