0

私は自分のウェブサイトでチャットのようなFacebookを作成しているので、ユーザーがクリックして誰かとチャットするときはいつでも、チャットウィンドウが右下隅に開く必要があります。次のウィンドウは他の開いているチャットウィンドウに残しておく必要があります。また、チャットウィンドウは余分に占有しないでください。ページの高さ。背後のページコンテンツと重なるように、より高いz-indexに配置する必要があります。cssはあまり得意ではありません。助けてください。使用しているコードは次のとおりですが、正しく機能していません。

.chat{
    z-index:50;
    width: 300px;
    height:300px;
    margin-left:10px;
    float:right;
    border:1px solid blue;
}

私はこれを取得しています、それはページにスクロールバーを追加していて、あまり正しく行きません。

ここに画像の説明を入力してください

4

3 に答える 3

3

次の親要素（ div ）が必要です。

.parent { position: fixed; bottom: 0; left: 0; right:0; width: 100%; }

バーがページではなくブラウザの下部に残るように、固定位置が必要です。これはチャット div のコンテナのように機能します。

.chat { float: right; position: relative; }

実際のチャットのコンテナとして機能できるようにする

これは、いくつかのチャットウィンドウのフィドルです:

http://jsfiddle.net/SXZKe/1/

編集：フィドルを追加

于 2013-02-21T17:55:10.687 に答える
0

そのためには、bottom css プロパティを使用します。

http://www.w3schools.com/cssref/pr_pos_bottom.asp

于 2013-02-21T17:54:44.717 に答える
0

float: right を削除して、position: fixed、right : 0%、bottom: 0% を追加してみてください。

于 2013-02-21T17:54:26.367 に答える