私はここ数時間、これに頭を悩ませてきました。Omegleチャットバーのように、ページの下部に配置されたままの入力フィールドを作成しようとしています。
高さを100％に設定し（100に設定すると、ページに不要なスクロールバーがあるため、99になります）、CSSbottomプロパティをに設定しました0が、何を試しても、バーは約10％下に浮いたままになります。ページ。
私のCSSコードは次のとおりです。
html {
height:99%;
width:99%;
}
input.chatbar {
bottom:0;
width:90%;
height:5%;
outline:none;
resize: none;
border:none;
border-bottom:#000 medium solid !important;
}
私のHTMLコードは
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Global Chat</title>
</head>
<body>
<input class="chatbar" />
</body>
</html>
これがそのJSFiddleです。
Omegleバーのように、ページの上に浮かせてユーザーと一緒にスクロールしたい。どうすればいいですか？
申し訳ありませんが、これは基本的な質問ですが、他の場所で答えを見つけることができません。