teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

edit

2021/09/12 10:00

投稿

m.ts10806
m.ts10806

スコア80888

answer CHANGED
@@ -2,6 +2,10 @@
2
2
  ```css
3
3
  [ ][ ]background-color:blue;
4
4
  ```
5
+ 何を使ってコードを書いているか分かりませんが、
6
+ 構文チェック機能があるものを利用したほうが良いです。
7
+ [Web上のサービス](https://jigsaw.w3.org/css-validator/)もあります。
8
+
5
9
  あとfloatは回り込みだけではなく、指定した要素を浮かせる役割があるようです。
6
10
  ※「float background-color」で調べるとそれなりに出てきます。
7
11
 

1

edit

2021/09/12 10:00

投稿

m.ts10806
m.ts10806

スコア80888

answer CHANGED
@@ -12,4 +12,19 @@
12
12
  要素は、必ずその包含ブロックの右側に浮動します。
13
13
 
14
14
 
15
- 親要素の諸々指定は必要ですが、回り込み解除は必ずしてください。
15
+ 親要素の諸々指定は必要ですが、回り込み解除は必ずしてください。
16
+
17
+ 例:
18
+ css
19
+ ```css
20
+ .clear{
21
+ clear:both;
22
+ }
23
+ ```
24
+ html
25
+ ```html
26
+ <section id="twitter" class="items">
27
+ <h4>Twitter</h4>
28
+ </section>
29
+ <div class="clear"></div>
30
+ ```