Hen*_*han 11
它现在在WebKit中得到支持width:-webkit-fill-available
,在CSS内在和外在大小模块级别3(http://www.w3.org/TR/2012/WD-css3-sizing-20120927/#width-height-keywords)中定义.
与Gecko相反,Gecko的实现width:-moz-available
基于CSS基本盒模型(http://dev.w3.org/csswg/css-box/#the-width-and-height-properties).
请注意,两个值都以不同的术语定义; 它们在边缘情况下的功能可能不同.此外,在CSS内在和外在大小模块级别3的编辑草案(2013年10月11日)中,fill-available
现在指定为fill
.
这在 Chrome 中对我有用:
box-sizing: border-box;
Run Code Online (Sandbox Code Playgroud)