我垃圾键盘时隐藏文字

Question

我在div中做了这个，但当我垃圾键盘时，文字突然隐藏在第二行，我知道overflow:hidden不是导致它的那个。

为什么导致隐藏它是否有替代解决方案呢？

BTW文本为contenteditable

这里是小提琴：http://jsfiddle.net/xR9Xx/

Answer 1

选项：＃1

针对以下样式，将overflow从hidden设置为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;
}

<强> DEMO

Answer 2

如果确定，而不是position:relative;将其float:left;

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

工作demo