当hasLayout被应用时IE7绕过文本的解决方法

是否有解决已知IE7问题的方法，其中当文本的容器应用hasLayout时文本不会环绕浮动元素（在这种情况下，由于高度，这是必需的）？当hasLayout被应用时IE7绕过文本的解决方法

例如：

<div style="width:200px;"> 
    <div style="float:right; width:50px; height:100px; background:#ff0;">&nbsp;</div> 
    <div style="background:#0ff; height:400px;"> 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 
    cillum dolore eu fugiat nulla pariatur. 
    </div> 
</div>

来源

2014-03-05 scader

使用以下过程：

为每个行
设置float:left; clear:left; overflow:hidden;和每一个占位符
一个通用的高度设置特定的占位符元素每个占位符的宽度

下面是一个例子：

#holdit em {display:block; float:left; height:18px; overflow:hidden; clear:left;} 
.a230 {width:230px;} 
.a240 {width:240px;} 
.a250 {width:250px;} 
.a270 {width:270px;} 
.a300 {width:300px;} 
.a340 {width:340px;} 
.a360 {width:360px;} 
.a370 {width:370px;} 
.a400 {width:400px;} 
.a420 {width:420px;} 
.a430 {width:430px;} 
.a460 {width:460px;} 
.a490 {width:490px;} 
.a500 {width:500px;} 
.a540 {width:540px;} 
.a550 {width:550px;}

参考

来源

2014-09-23 19:01:06

当hasLayout被应用时IE7绕过文本的解决方法

回答

相关问题