Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Странное поведение textarea c небольшой высотой

Автор: prototype 2.9.2012, 12:42

Здравствуйте,

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <style>
        div {
            border: 1px solid red;
            width: 100px;
            height: 15px;
        }
        textarea {
            width: 100%;
            height: 100%;
            border: 1px solid blue;
            resize: none;
            
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
        </style>
    </head>
    <body>
        <div>
            <textarea></textarea>
        </div>
    </body>
</html>

Рабочий пример показан тут:
http://jsfiddle.net/5qXzX/

Если div задать небольшую высоту (не более 20px) - то встроенное текстовое поле начинает ползти вниз. Почему так? Можно ли обойти такое поведение?
Замечено в IE и Firefox. В Chrome порядок.

Автор: Amphiluke 2.9.2012, 13:06

Дайте div`у line-height:0;

Автор: prototype 2.9.2012, 14:12

Amphiluke, помогло, большое спасибо!