2013-04-28 84 views
0

我在Opera中发现了一个bug:box-sizing在flex显示模式下对textarea不起作用。Opera box-sizing不适用于flex的textarea

b { 
    display: flex; 
    flex-direction: row; 
} 

textarea { 
    float: right; 
    width: 50%; 
    height: 50px; 
    padding: 15px; 
    box-sizing: border-box; 
} 

div { 
    width: 50%; 
    height: 50px; 
    padding: 15px; 
    box-sizing: border-box; 
    background: red; 
} 

这里例如:http://jsfiddle.net/pJc5v/3/

怎么办?

+0

的错误到底是什么?如果box-sizing不像您声明的那样工作,则无论您启用包装如何,这些元素都将成为2行:http://jsfiddle.net/pJc5v/6/ – cimmanon 2013-04-28 12:21:24

+0

否。看看这个例子在铬和歌剧。 div和textarea(在opera中)有不同的高度(一个bug)。 – 2013-04-28 12:46:29

+0

如果这里有一个bug,它与盒子大小无关(http://tinker.io/691f3/1)。 – cimmanon 2013-04-28 18:41:17

回答

0

您可以使用最大高度来解决此问题。

http://tinker.io/691f3/2

textarea { 
    width: 50%; 
    max-height: 50px; 
    padding: 15px; 
    box-sizing: border-box; 
} 
相关问题