回答編集履歴
2
修正
test
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
`float`の回り込みに対する`clear: both;`が抜けてしまっていることが原因と考えます。
|
|
2
|
+
|
|
3
|
+
(`float`を指定した要素の横幅の位置に.m-titleが引っかかって文字の開始位置がズレてしまっているように見えます。)
|
|
2
4
|
|
|
3
5
|
|
|
4
6
|
|
1
修正
test
CHANGED
|
@@ -33,3 +33,17 @@
|
|
|
33
33
|
</div>
|
|
34
34
|
|
|
35
35
|
```
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
`float`で横並びのレイアウトを使う場合、
|
|
40
|
+
|
|
41
|
+
`float`を指定した親要素に`.clearfix`を指定する、という広く普及したノウハウがあります。
|
|
42
|
+
|
|
43
|
+
「.clearfix」とGoogle 検索してみることをオススメします。
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
例えば以下のURLが参考になりそうです:
|
|
48
|
+
|
|
49
|
+
[https://web-camp.io/magazine/archives/27842](https://web-camp.io/magazine/archives/27842)
|