Question

我有一个文本框，我想缩放以适合div。这在chrome中很容易做到：

HTML：

<div id="div">
<textarea id="textarea"></textarea>
</div>

CSS：

#div {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:4em;
}
#textarea {
    position:absolute;
    top:.2em;
    bottom:.2em;
    left:.2em;
    right:.2em;
    width:auto;
}

这在chrome中效果非常好。另一方面，Firefox似乎不喜欢left:和right:或top:和bottom:。它似乎比其他两个更喜欢top:和left:，并且不会缩放textarea以适应chrome。有没有办法在firefox中实现这一点，还是我必须等待mozilla自己实现这个？

编辑：jsfiddle，按要求：http://jsfiddle.net/Monchoman45/kKxus/

Answer 1

试试这个 - DEMO

#div {
    background: beige;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:4em;
    padding: .2em;
}

#textarea {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
}

CSS左上角和右上角适合，但不适用于Firefox？

1 个答案: