質問編集履歴
2
発生している問題を少し詳しく加筆しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -8,7 +8,11 @@
|
|
|
8
8
|
|
|
9
9
|
高さがそろわず、レイアウトが歪になっている。
|
|
10
10
|
|
|
11
|
+
bar2クラスの高さをheader-luvの高さに揃えられない。
|
|
11
12
|
|
|
13
|
+
box-sizingプロパティは、親要素のwidth、heightを指定すれば、適用されると書かれてましたが、
|
|
14
|
+
|
|
15
|
+
うまくいかずに、隙間できてしまう事が多いです。
|
|
12
16
|
|
|
13
17
|
|
|
14
18
|
|
|
@@ -68,6 +72,16 @@
|
|
|
68
72
|
|
|
69
73
|
height: 100%; margin:0; padding-left: 20px; padding-top: 16px; }
|
|
70
74
|
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
li { list-style: none; width: 33%; height: 100%;}
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
a { color: #fff; text-decoration: none; height: 100%; display: block;}
|
|
82
|
+
|
|
83
|
+
li a:hover { color: orange;}
|
|
84
|
+
|
|
71
85
|
```
|
|
72
86
|
|
|
73
87
|
### 試したこと
|
1
codeブロックで囲みました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -8,11 +8,13 @@
|
|
|
8
8
|
|
|
9
9
|
高さがそろわず、レイアウトが歪になっている。
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
### 該当のソースコード
|
|
16
|
+
|
|
17
|
+
```
|
|
16
18
|
|
|
17
19
|
<html>
|
|
18
20
|
|
|
@@ -34,7 +36,9 @@
|
|
|
34
36
|
|
|
35
37
|
</div> </div>
|
|
36
38
|
|
|
39
|
+
```
|
|
37
40
|
|
|
41
|
+
```
|
|
38
42
|
|
|
39
43
|
<css>
|
|
40
44
|
|
|
@@ -64,7 +68,7 @@
|
|
|
64
68
|
|
|
65
69
|
height: 100%; margin:0; padding-left: 20px; padding-top: 16px; }
|
|
66
70
|
|
|
67
|
-
|
|
71
|
+
```
|
|
68
72
|
|
|
69
73
|
### 試したこと
|
|
70
74
|
|