回答編集履歴
2
修正
answer
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
`float`の回り込みに対する`clear: both;`が抜けてしまっていることが原因と考えます。
|
|
2
|
+
(`float`を指定した要素の横幅の位置に.m-titleが引っかかって文字の開始位置がズレてしまっているように見えます。)
|
|
2
3
|
|
|
3
4
|
試しに以下のように<div>を追加してみてください。
|
|
4
5
|
|
1
修正
answer
CHANGED
|
@@ -15,4 +15,11 @@
|
|
|
15
15
|
<div class="main">
|
|
16
16
|
<div class="m-title">a</div>
|
|
17
17
|
</div>
|
|
18
|
-
```
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
`float`で横並びのレイアウトを使う場合、
|
|
21
|
+
`float`を指定した親要素に`.clearfix`を指定する、という広く普及したノウハウがあります。
|
|
22
|
+
「.clearfix」とGoogle 検索してみることをオススメします。
|
|
23
|
+
|
|
24
|
+
例えば以下のURLが参考になりそうです:
|
|
25
|
+
[https://web-camp.io/magazine/archives/27842](https://web-camp.io/magazine/archives/27842)
|