CSS：サイズ変更時に高さが正しくない

私は長い間この問題に悩まされてきました。私のウィンドウのサイズを変更するたびに、CSSは本当に変です。説明するのは難しいので、私はあなたに写真を見せます。私はprocentage高さの代わりに、ピクセルを使用していても、それはすべて間違って取得しますCSS：サイズ変更時に高さが正しくない

How it shouldn't be

：

それはすべきではない方法

How it should be

：どのようにそれがあるべき

。私はここにソースコードをリンクした

、同じ問題がリサイズウィンドウにoccours：

jsfiddle.net/nxa747ca/

出典

2017-04-01 Insanic

でなければなりません.chat-nameにchat-messagesとposition: fixed;にposition: absolute;を削除し、あなたのCSSに

<div class="chat-messages"></div> <input type="text" class="chat-name" placeholder="Type your message">

は*デバッグ助けを求める質問（「なぜこのコードは動作しないのですか？」）には、目的とする動作、特定の問題またはエラー、および質問自体の中でそれを再現するのに必要な最短コードが含まれていなければなりません。明確な問題文がない質問は、他の読者にとって有用ではありません。参照：[mcve]を作成する方法* – BSMP

JSFiddleの著作権ポリシーは技術的に誰かがそのコードを投稿に編集することを許可しないので、この質問を自分で編集する必要があります。 https://meta.stackoverflow.com/questions/296568/op-posted-code-in-comment-user-brought-it-to-question-via-edit/296627#296627 – BSMP

あなたのクラスにposition:fixedとposition: absoluteを持っているので、それは働いていません。

最初にHTMLの順序修正まず最初：彼らは単にデフォルトposition: relative;

出典

2017-04-01 18:21:27 12seconds

CSS：サイズ変更時に高さが正しくない

答えて

関連する問題