jquery - 如何在 IE 中显示初始宽度等于最小宽度但可以根据需要扩展的 div？

Question

我想让一个 div 的初始宽度等于最小宽度，比如 800px，并随着内部元素宽度的增加而扩大宽度。我做了一个<div style="min-width: 800px".. />但在 IE 中，div 以小于 800px 的宽度开始，是内部元素宽度的总和。

如何为 IE 做到这一点？我不能使用 width:800px 因为里面的元素不能扩展超过 800px。我使用 jQuery。

添加:

我正在使用 IE8。我刚刚创建了一个新页面，其外部 div 仅具有最小宽度，内部 div 具有宽度。外部宽度使用整个屏幕宽度。不是同一个问题，但相关。我将不得不找出我的页面行为不同的原因。

Answer 1

如何使用 CSS expressions :

div {    
    display: inline-block;
    width: inherit;  

    /* min-width for good browsers */
    min-width: 800px; 

    /* CSS expression for older IE */
    width: expression(document.body.clientWidth < 800? "800px": "auto");    
}

此处示例:min-width CSS expression hack .黄色背景是外层的div虚线是内部元素，因此 div 保留其子元素的大小属性:)