Question

我试图让底部的div浮动到右边，并显示在它的父级底部。这个标记适用于我的所有浏览器，除非我将IE9置于浏览器模式：IE9和文档模式IE7标准（我需要使用它。）

由于某些原因，使用这些设置时，div中test周围的灰色边框一直延伸到父div的左侧，当我需要它时，就像在FF或Chrome中一样绕过文本。顺便说一句，我讨厌这个垃圾的IE7。标记是完全合乎逻辑的，应该可以工作，但IE7只是一个混蛋。

 <div style="width: 200px;">
    <div style=" height: 400px; border: 1px solid #000000;">
    </div>
    <div style="border: 1px solid #c0c0c0; position: relative; height:15px; bottom: 19px; left: -2px; float:right;">
        <div style="height: 15px; float: right;">
            Text in div</div>
    </div>
</div>

Answer 1

IE7有点愚蠢。你可能需要给DIV一个明确的宽度，这样IE7就不会丢失它。

Answer 2

您可以切换为使用position: relative / position: absolute：

http://jsfiddle.net/5fdcV/

<div style="width: 200px; position: relative">
    <div style=" height: 400px; border: 1px solid #000000;">
    </div>
    <div style="border: 1px solid #c0c0c0; position: absolute; height:15px; bottom: 2px; right: 2px;">
        <div style="height: 15px;">
            Text in div</div>
    </div>
</div>

ie7标准模式中的浮点问题

2 个答案: