質問編集履歴

2

コードの追加

2018/12/09 04:48

投稿

terame120
terame120

スコア14

test CHANGED
File without changes
test CHANGED
@@ -5,3 +5,117 @@
5
5
 
6
6
 
7
7
  ウィンドウを開いた時のウィンドウの高さの一番下に表示させて、その後ウィンドウの高さを変えてもその表示場所が変わらないような仕組みがあるとよいと思うのですが、どのようにすればいいかわかりません。アドバイスを頂けないでしょうか。
8
+
9
+
10
+
11
+
12
+
13
+ 追記
14
+
15
+ 該当の部分を書き出したコードです。
16
+
17
+ ```html
18
+
19
+ <body>
20
+
21
+ <div id="main"></div>
22
+
23
+
24
+
25
+ <div id="menu">
26
+
27
+ <a href="index.html"><div id="tab_memo" class="col3"><li>1</li></div></a>
28
+
29
+ <a href="2.html"><div id="tab_yet" class="col3"><li>2</li></div></a>
30
+
31
+ <a href="3.html"><div id="tab_done" class="col3"><li>
32
+
33
+ 3</li></div></a>
34
+
35
+ </div>
36
+
37
+
38
+
39
+ </body>
40
+
41
+ ```
42
+
43
+ ```css
44
+
45
+ #tab_memo{
46
+
47
+ border-top-style: solid;
48
+
49
+ border-color: #000000;
50
+
51
+ border-width: thick;
52
+
53
+ width: calc(100% / 3);
54
+
55
+ left:0;
56
+
57
+ clear: both;
58
+
59
+ position: fixed;
60
+
61
+ bottom:0;}
62
+
63
+
64
+
65
+ #tab_yet{
66
+
67
+ color: #A7A7A7;
68
+
69
+ width: calc(100% / 3);
70
+
71
+ left:calc(100% / 3);
72
+
73
+ position: fixed;
74
+
75
+ bottom:0;
76
+
77
+ }
78
+
79
+ #tab_done{
80
+
81
+
82
+
83
+ color: #A7A7A7;
84
+
85
+ width: calc(100% / 3);
86
+
87
+ left:calc(200% / 3);
88
+
89
+ position: fixed;
90
+
91
+ bottom:0;
92
+
93
+
94
+
95
+ }
96
+
97
+
98
+
99
+ .col3 {
100
+
101
+ height: 45px;
102
+
103
+ float: left;
104
+
105
+ font-size: 13px;
106
+
107
+ background-color:#F1F1F1;
108
+
109
+ }
110
+
111
+
112
+
113
+ li{
114
+
115
+ list-style: none;
116
+
117
+ }
118
+
119
+
120
+
121
+ ```

1

タグ追加

2018/12/09 04:48

投稿

terame120
terame120

スコア14

test CHANGED
File without changes
test CHANGED
File without changes