html - キーボードをスパムしている間、テキストが隠れています

Question

overflow:hidden私はdiv内でこれを行っていましたが、キーボードをスパムすると、テキストが2行目に突然隠れてしまい、それが原因ではないことがわかりました。

なぜそれが非表示になっているのですか?それに対する代替ソリューションはありますか?

ところで、テキストはcontenteditable

ここにフィドルがあります：http://jsfiddle.net/xR9Xx/

Answer 1

position:relative;OKなら作る代わりにfloat:left;

 .profilestatus .statusTextBox .statusText {
          float:left;
          text-align:center;
            font-family:Calibri,Arial;
            font-size:95%;
            font-weight:400;
        }

動作デモ

Answer 2

オプション1

次のスタイルのoverflowfromhiddenをに設定します。auto表示されるスクロールバーを探している場合。

.profilestatus .statusTextBox {
    height: 100px;
    left: 60px;
    outline: medium none;
    overflow: auto;
    position: absolute;
    text-align: center;
    width: 400px;
}

オプション: #2

word-wrapおよびwidthプロパティを次のスタイルに追加します。

.profilestatus .statusTextBox .statusText {
    position:relative;
    font-family:Calibri, Arial;
    font-size:95%;
    top:20px;
    font-weight:400;
    word-wrap: break-word;
    width:400px;
}

デモ