max-width:-webkit-fit-content即8等效？

Question

8是否有任何黑客攻击max-width:-webkit-fit-content;？

试图让一个孩子div不占用父母的整个宽度,这适用于ff,chrome和safari; 希望有一些黑客可以让它与ie 8一起工作.

小提琴显示行为:http://jsfiddle.net/XtZq9/ 我想要的行为代码ie8:

#wrap {
    background-color: aqua;
    width:300px;
    height: 50px;
    padding-top: 1px;
}

.textbox {
    background-color: yellow; 
    max-width: intrinsic;
    max-width:-webkit-fit-content;
    max-width:  -moz-max-content;
    margin-top: 2px;
}

<div id="wrap">
     <div class="textbox">
        Here is some text
    </div>  
    <div class="textbox">
        Here is other, longer, text
    </div>  
</div>  

Answer 1

从demosthenes.info,我了解到我可以简单地使用

display: table;

代替

width: fit-content;

检查链接但是有关空格的问题.它并不适用于我的情况,并简单地更换宽度:装修内容与显示:表很容易地解决我的问题.

Answer 2

我能想到的最接近的是浮动您的元素。虽然不完全相同，但可能足够相似；）尽管您需要设置额外的边距，但这对于条件样式表应该没有问题。

.textbox {
    background-color: yellow;
    float:left;
    clear:left;
}

您修改过的小提琴

Answer 3

可能要看具体情况：

我有一个块级元素，其宽度：fit-content; 。由于这在 IE 上不起作用，因此该元素采用了完整的可用宽度（如预期）。

但我希望它只是根据内容调整其大小。

最后，我用以下方法修复了它：

display: inline-flex;