質問編集履歴
4
改善
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
親にmin-heightを適応させましたら、子要素のheightの指定が無視されます
|
|
2
2
|
なぜでしょうか？
|
|
3
|
-
|
|
3
|
+
fieldsetのheight:90%が無視されています
|
|
4
4
|
|
|
5
5
|
[maisumakun氏による実証](https://jsfiddle.net/a5ztw2b3/)
|
|
6
6
|
|
|
7
|
-
↑一見すると90%になってるように見えました
|
|
7
|
+
↑一見すると90%になってるように見えましたが、
|
|
8
|
-
|
|
8
|
+
実行結果画面（右下）のフレームを解除して表示（右クリックから）してみてください
|
|
9
9
|
fieldsetのheight:90%が無視されていることがわかります
|
|
10
10
|
|
|
11
11
|
```ここに言語を入力
|
3
改善
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
親にmin-heightを適応させましたら、子要素のheightの指定が無視されます
|
|
2
2
|
なぜでしょうか？
|
|
3
|
+
ソースコードのfieldsetのheight:90%が無視されています
|
|
3
4
|
|
|
4
|
-
追記です
|
|
5
|
-
コロンが抜けていたため修正しました
|
|
6
|
-
|
|
5
|
+
[maisumakun氏による実証](https://jsfiddle.net/a5ztw2b3/)
|
|
7
|
-
min-height:10%が無視され、
|
|
8
|
-
子要素のheight:90%も無視されています
|
|
9
6
|
|
|
7
|
+
↑一見すると90%になってるように見えました
|
|
8
|
+
が、実行結果画面（右下）のフレームを解除して表示（右クリックから）してみてください
|
|
9
|
+
fieldsetのheight:90%が無視されていることがわかります
|
|
10
|
+
|
|
10
11
|
```ここに言語を入力
|
|
12
|
+
<!DOCTYPE html>
|
|
13
|
+
|
|
14
|
+
|
|
11
15
|
<style>
|
|
12
16
|
body,html{
|
|
13
17
|
height:100%;
|
2
追記
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
CSS そんなバカな！子要素のheightが無視される
|
|
1
|
+
CSS そんなバカな！子要素のheightが無視される【未解決】
|
body
CHANGED
|
File without changes
|
1
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
親にmin-heightを適応させましたら、子要素のheightの指定が無視されます
|
|
2
2
|
なぜでしょうか？
|
|
3
3
|
|
|
4
|
+
追記です
|
|
5
|
+
コロンが抜けていたため修正しました
|
|
6
|
+
しかしbodyにheight:100%を設定してるにも関わらず
|
|
7
|
+
min-height:10%が無視され、
|
|
8
|
+
子要素のheight:90%も無視されています
|
|
9
|
+
|
|
4
10
|
```ここに言語を入力
|
|
5
11
|
<style>
|
|
6
12
|
body,html{
|
|
@@ -9,6 +15,6 @@
|
|
|
9
15
|
</style>
|
|
10
16
|
|
|
11
17
|
<div style="width:100%;background:yellow;height:auto;min-height:10%;">
|
|
12
|
-
<fieldset style="width:90%;
|
|
18
|
+
<fieldset style="width:90%;height:90%;background:red"></fieldset>
|
|
13
19
|
</div>
|
|
14
20
|
```
|