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

回答編集履歴

1

説明追記

2021/04/06 15:22

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -2,7 +2,22 @@
2
2
 
3
3
  ```css
4
4
  li {
5
- display:flex;
5
+ display: flex;
6
6
  justify-content: space-between;
7
7
  }
8
+ ```
9
+
10
+ ---
11
+ 投稿したらすでに自己解決してるようですが、
12
+ absolute を使うなら下記の方がいいかと。
13
+ left: 100% だと親要素をはみ出てしまうと思います。
14
+
15
+ ```css
16
+ li {
17
+ position: relative;
18
+ }
19
+ li span{
20
+ position: absolute;
21
+ right: 0px;
22
+ }
8
23
  ```