現在製作しているサイトで不思議な現象が起きております。
-
.container要素なのですがpositionを指定することなく、margin-topで上のブロック要素との関係を決定しております。
-
一度NEXTを押して、テキストエリア.editorに移りテキストエリアを1文字づつ程度埋めて改行を繰り返しテキストエリアの高さを入力数に応じて高くします。(min-height:168pxが設定されております。)
-
文字を入力して.editorの高さがある程度大きくなり、結果.containerの高さが生じた場合、
スクロールすると.containerの位置が動いてしまいます。具体的には下にスクロールすると.containerが#headerに隠れてしまいます。
NEXTを押す前の画面等ではスクロールしても.containerは必ず定位置に存在しており動きません。
なぜ、
A) このような現象が起きてしまうのでしょうか?
B) また解決法としてはそれぞれのブロックを固定した位置にするのはposition:absoluteと
するのが一般的なのでしょうか。個人的にはpositionを使用すると他の要素の高さ等に影響を
与えてしまうため、使用に消極的です。
C) また、absoluteを使用した場合、中央に.containerを指定する方法はあるのでしょうか?
よろしくお願い申し上げます。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/06/24 13:47