Question

我有以下代码，

<div class="Wrapper" style="width: 100%; height: 20%; justify-content: space-between;">
    <div class="customText" style="width: auto; font-size: 33px; float: left; min-width: 10%;">Test</div>
    <div class="valueContainer" style="height: 100%; max-width: 90%;">
        <div class="value" id="containercardElementCard1_ActValue" style="width: auto; color: rgb(104, 98, 98); line-height: 55px; font-size: 33px; max-width: 100%;" data-tooltip="Value: ">7,632,789,549</div>
    </div>
</div>

此处包装纸的宽度为247px。

在Chrome中，customText div占用38.5px的宽度，valueContainer占用208.4px 而在IE中，customText占用60.3px，而valueContainer占用186.6px

我怀疑max-width属性在IE中不起作用。

Answer 1

此错误的原因是：IE只是拒绝将元素的大小设置为小于设置的字体大小。

处理此错误的最佳方法是将overflow: hidden应用于元素，以使其折叠到预期的高度。

元素宽度在Chrome和Internet Explorer中有所不同

1 个答案: