Высота текстовой области Chrome проблема

Question

У кого-нибудь есть решение проблемы высоты текстовой области в Chrome?

В простом случае, подобном этому:

<div>
    <textarea>
    </textarea>
</div>

Google Chrome добавляет два пикселя, поэтому div.height = textarea.height +2px.И да, я пытаюсь использовать «reset.ccs» Эрика - не сработало.

PS Конечно, в моем «простом случае» textarea и div имеют border, padding и margin 0px.

Answer 1

Это потому, что textarea является замененным встроенным элементом.

textarea {
    display:block;
}

должно решить вашу "проблему".

Answer 2

Извините, но добавление
html,body{ height:100%; }<br> действительно работает

Answer 3

2px - это стандартный размер границы.Это одинаково для всех браузеров.

Это работает в Chrome, Firefox ..

Без границ: http://jsfiddle.net/NctDT/2/

Границы и отрегулированные div высота: http://jsfiddle.net/NctDT/4/

В обоих случаях div и textarea идеально выровнены по высоте.