0

画面全体を利用することになっているモバイル/デスクトップチャットアプリケーションを書いています。黄色で表示されている下部<div>は、必要に応じて高さを固定できます。

現在、それは絶対にウィンドウの下部に配置されています。

私の問題：<div>パディング、マージン、ボーダーなどを使用しているかどうかに関係なく、シアンの上部がウィンドウの残りの部分に収まりません。現在、コンテンツを折り返すことができるように見えますが、これは下部が上書きされるためです。スクロールバー。

チャットアプリケーション

これまでの私の唯一の解決策は、ファイナルを用意する<div>か<br>、スクロール可能なdivの端を埋めることですが、それによってdivが小さくなったり、スクロールバーが適切に配置されたりすることはありません。

これがFiddleのこれまでの私のソースコードです。

4

2 に答える 2

0

CSSを編集し、チャットテキストでDIVを.break-wordのようなクラスに設定してから、CSSでワードラップで宣言できますか？

.break-word {
    word-wrap: break-word;
}

スクロールバーのカバーがわからない。他の人が見ることができるようにコードを投稿する必要があり、何かを選ぶことができるかもしれません。

于 2012-07-25T17:03:03.127 に答える
0

このスタイルコードは基本的に、問題を補うために私が行っていることを要約したものです。（たとえば、HTMLテーブルを使用する代わりに。）これは最善の解決策ではない場合があります。

#topPart {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 40px; /* or however high the bottom is */
}

#bottomPart {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 40px; /* same as above */
}
于 2012-07-25T20:52:16.727 に答える