答案 0 :(得分:10)
它现在在WebKit中被支持为width:-webkit-fill-available
,在CSS Intrinsic&外在大小模块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)。
请注意,两个值都以不同的术语定义;它们在边缘情况下的功能可能不同。此外,在编辑的草案(2013年10月11日)的CSS Intrinsic&外部大小调整模块级别3,fill-available
现在指定为fill
。
答案 1 :(得分:4)
这对我在Chrome中有用:
box-sizing: border-box;
答案 2 :(得分:0)
一旦实施(或准备好),您可以使用
please-use-available-width
但现在使用
-webkit-please-use-available-width
PS。 这是一个笑话
没有针对此重要问题的webkit解决方案。 重要的是,具有少量内容的浮动内容DIV将被调整大小到该内容的宽度。这打破了页面。
浮动内容DIV用于将内容放在菜单之前,即可访问性编译指示。 我们只能希望这个值包含在下一个CSS规范中。
保持双手交叉: - )