回答編集履歴
1
説明の改良
test
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
ご提示されているコードを拝見する限りではレスポンシブレイアウトにはなっていないようですが、レスポンシブであるかないかに関わらず、ボックスの要素いっぱいに配置するには、外枠（この場合.
|
|
1
|
+
ご提示されているコードを拝見する限りではレスポンシブレイアウトにはなっていないようですが、レスポンシブであるかないかに関わらず、ボックスの要素いっぱいに配置するには、外枠（この場合例えば.mainform）の幅を指定したら、中の要素はwidth:100%;とするのが基本かと思います。
|
|
2
|
+
|
|
3
|
+
あと、各要素の横幅はpxで指定するより%などの単位で指定した方がコンテンツ量の増減に柔軟に対応できます。
|
|
2
4
|
|
|
3
5
|
今はどのブラウザでもサイトのソースがどうなっているか、スタイルがどう設定されているか見ることができますので、もしまだご覧になっていなかったら一度お試しください。
|
|
4
6
|
|