3

私はチャット アプリケーションを作成しており、ユーザーからのメッセージを Skype で下から上に並べる必要があります。

ここで解決策が見つかりましたが、いくつかの欠陥があります。

  1. コンテナーの高さは固定の高さです。使用可能なウィンドウの高さをすべてカバーする必要があります (height: 100% を使用すると、完全に縮小します)。
  2. メッセージ アイテムの高さは固定されているため、コンテンツの高さに合わせて調整する必要があります。

CSS の経験が乏しいため、これら 2 つの問題を修正するのに苦労しています。誰かが解決策を指摘できますか?

4

1 に答える 1

0

独自の jsfiddle を提供している場合は、より簡単になる可能性があります。とにかく、@IlyaStreltsyn jsbin を使用して、あなたの質問に答えようとしています。

固定する位置を設定し、上下合わせを下に設定し、下から隙間を適用することができます。ここではデモ用に 0px を使用しました。

.wrapper {
  display: table-cell;
  vertical-align: bottom;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 300px;
}

jsfiddle デモ

于 2013-07-29T02:59:56.550 に答える