Html 关于在绝对定位文本区域上使用左/上/右/下

Html 关于在绝对定位文本区域上使用左/上/右/下,html,css,firefox,Html,Css,Firefox,我试着将位置:绝对,然后将左,上,右和下设置为固定的像素值,但除非我也将宽度和高度设置为固定值,否则我无法在Firefox11上正常工作 在safari/chrome上的渲染看起来正常。。。但这是Firefox的bug还是不是标准的东西?对于宽度和高度使用100%有时是一种解决方案,但当元素未完全覆盖父容器时则不是 看 这是Chrome(和期望的结果) Firefox(宽度/高度为100%) Firefox(无宽度/高度) 除了在运行时使用Javascript计算宽度和高度,还有其他方法吗 请注

我试着将
位置:绝对
,然后将
设置为固定的像素值,但除非我也将
宽度
高度
设置为固定值,否则我无法在Firefox11上正常工作

在safari/chrome上的渲染看起来正常。。。但这是Firefox的bug还是不是标准的东西?对于
宽度
高度
使用100%有时是一种解决方案,但当元素未完全覆盖父容器时则不是

这是Chrome(和期望的结果)

Firefox(宽度/高度为100%)

Firefox(无宽度/高度)

除了在运行时使用Javascript计算宽度和高度,还有其他方法吗


请注意,在本例中,我使用了一个固定大小的div作为容器,但最有趣和有用的情况是当容器具有弹性时。

这是因为
textarea
div
不同,它具有:

如果元素具有
cols
属性,并且使用解析非负整数的规则解析该属性的值不会生成错误,则用户代理将使用该属性作为元素上宽度属性的表示提示,该值为textarea有效宽度(定义如下)。否则,用户代理的行为将被视为具有用户代理级别的样式表规则,将元素的宽度属性设置为textarea有效宽度

textarea
元素的textarea有效宽度是size×avg+sbw,其中size是元素的字符宽度,avg是元素主字体的平均字符宽度,单位为CSS像素,sbw是滚动条的宽度,单位为CSS像素。(图元的“字母间距”属性不影响结果。)

如果元素具有
属性,并且使用解析非负整数的规则解析该属性的值不会生成错误,则用户代理将使用该属性作为元素上height属性的表示提示,该值为textarea有效高度(定义如下)。否则,用户代理的行为将被视为具有用户代理级别的样式表规则,该规则将元素的height属性设置为textarea有效高度

textarea
元素的textarea有效高度是指定元素字符高度的行数的CSS像素高度,加上滚动条的CSS像素高度


实际上有一个简单的替代方法,使用表示性标记来包含textarea,然后只包含textarea本身的100%宽度高度


的确,CSS是非常有限的。

谢谢……文档在这一点上看起来确实很清楚。似乎可以避免Javascript定位的答案是否定的:-(事实上,它在Safari/Chrome中“起作用”的唯一原因是WebKit bug:@BorisZbarsky:或者它意味着(逻辑)bug在标准规范中:-)…例如,我希望有某种方法将
设置为
“auto”
或类似的东西。
textarea
元素从设计的角度来看似乎很不完整(包括软/硬换行的可怕混乱).哦,当然。很多东西都是从设计的角度出发的,因为向后兼容的问题而无法更改。事实上,解决方案是微不足道的,我不明白为什么我没有考虑它…谢谢。好吧。在我想到这种方法之前,我犯了很多次错误…我的荣幸。