“float: right” bug in IE :在IEfloat-right外围容器中文字不见了！
css :
body {
margin: 10px 50px;
}
#contener {
border: 1px solid #000;
background-color: yellow;
}
#floatRight {
float: right;
border: 1px solid red;
color: red;
width: 30%;
}
#contenu {
border: 1px solid blue;
color: blue;
}
.spacer {
clear: both;
border: 1px solid #FF00FF;
color: #FF00FF;
}
margin: 10px 50px;
}
#contener {
border: 1px solid #000;
background-color: yellow;
}
#floatRight {
float: right;
border: 1px solid red;
color: red;
width: 30%;
}
#contenu {
border: 1px solid blue;
color: blue;
}
.spacer {
clear: both;
border: 1px solid #FF00FF;
color: #FF00FF;
}
xhtml :
<div id=”contener”>
<b>#contener</b>
<div id=”floatRight”>
<b>#floatRight</b> : Float block at the right of the block #contenu
</div>
<div id=”contenu”>
<b>#contenu</b> : Simple block
</div>
<div class=’spacer’>
<b>.spacer</b> : a “spacer” block…
</div>
</div>
<b>#contener</b>
<div id=”floatRight”>
<b>#floatRight</b> : Float block at the right of the block #contenu
</div>
<div id=”contenu”>
<b>#contenu</b> : Simple block
</div>
<div class=’spacer’>
<b>.spacer</b> : a “spacer” block…
</div>
</div>
正确应该显示为:
