質問編集履歴
1
書式の改善
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
float
|
|
1
|
+
floatを利用した図の配置の仕方
|
test
CHANGED
|
@@ -2,9 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
以下のコードの場合
|
|
4
4
|
|
|
5
|
-
html
|
|
6
5
|
|
|
6
|
+
|
|
7
|
+
```html
|
|
8
|
+
|
|
7
|
-
|
|
9
|
+
<div class="green"></div>
|
|
8
10
|
|
|
9
11
|
<div class="yellow"></div>
|
|
10
12
|
|
|
@@ -12,9 +14,13 @@
|
|
|
12
14
|
|
|
13
15
|
|
|
14
16
|
|
|
15
|
-
|
|
17
|
+
```
|
|
16
18
|
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
```css
|
|
22
|
+
|
|
17
|
-
|
|
23
|
+
.green{
|
|
18
24
|
|
|
19
25
|
background-color: green;
|
|
20
26
|
|
|
@@ -58,6 +64,8 @@
|
|
|
58
64
|
|
|
59
65
|
}
|
|
60
66
|
|
|
67
|
+
```
|
|
68
|
+
|
|
61
69
|
**実行した結果greenの図が左端にありその右にyellowの図が横並びになりred
|
|
62
70
|
|
|
63
71
|
の図はgreeの下に配置され回り込みが回避されている状態なのですが
|