在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 邊框渲染異常

邊框渲染異常

如圖所示,第一次進入這個頁面,textarea的左邊框跑到上面的label那里去了。
clipboard.png
如果選擇定時發(fā)布彈出時間輸入框,也就是UI重繪一下,就正常了
clipboard.png

這個問題反復(fù)出現(xiàn),搞不清楚是什么原因?qū)е碌?,textarea的寬度也并沒有超出,而且也用了box-sizing:border-box;

.form-group{
    position: relative;
    width: 34.2rem;
    margin: 0 auto;
}
.form-group>textarea{
    display:block;
    width: 100%;
    height: 5.35rem;
    border: 1px solid #ccc;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .8rem;
    resize:none;
    outline: none;
}

回答
編輯回答
柒槿年
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<style>
    textarea{
        display:block;
        width: 100%;
        height: 5.35rem;
        border: 1px solid #ccc;
        margin: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: .8rem;
        resize:none;
        outline: none;
    }
</style>
<body>
    <textarea name="">
        

    </textarea>
    
</body>
</html>

一切正常的,換個環(huán)境測試呢?

2018年5月9日 14:42