2013-04-28 36 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; 
} 
相關問題