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

回答編集履歴

2

追記

2017/12/02 15:24

投稿

退会済みユーザー
answer CHANGED
@@ -1,6 +1,7 @@
1
1
  普通に`position: fixed;`で固定して中の要素を横に並べるだけじゃダメなんですか?
2
2
 
3
3
  ----
4
+ 【追記】
4
5
  こんな感じで
5
6
  ```HTML
6
7
  <nav>

1

追記

2017/12/02 15:24

投稿

退会済みユーザー
answer CHANGED
@@ -1,1 +1,30 @@
1
- 普通に`position: fixed;`で固定して中の要素を横に並べるだけじゃダメなんですか?
1
+ 普通に`position: fixed;`で固定して中の要素を横に並べるだけじゃダメなんですか?
2
+
3
+ ----
4
+ こんな感じで
5
+ ```HTML
6
+ <nav>
7
+ <ul>
8
+ <li>メニュー</li>
9
+ <li>前へ</li>
10
+ <li>次へ</li>
11
+ <li>ホーム</li>
12
+ </ul>
13
+ </nav>
14
+ ```
15
+ ```CSS
16
+ nav {
17
+ width: 100%;
18
+ position: fixed;
19
+ top: 0;
20
+ left: 0;
21
+ }
22
+
23
+ ul {
24
+ display: flex;
25
+ }
26
+
27
+ li {
28
+ flex: 1;
29
+ }
30
+ ```