IE67下float左右对齐
例子:
<style>
.h1{text-align: left;}
.leftA{color: #000}
.rightA{color: #ccc; float: right;}
</style>
<h1> <a href="#" class="leftA"> 左边的文字</a> <a href="#" class="rightA"> 右边的边的文字</a> </h1>
现在需要把leftA往左对齐,rightA往右对齐,h1默认方式为左对齐,leftA什么也不用写,他就在左边,但是rightA需要往右对齐,则需要加上浮动,这样在标准浏览器下已经达到了我们的效果。
但是在IE67下,我们会发现他们两个文字不是在同一行,rightA这句话会跑到下一行的右边去,这样就不能达到我们的要求。
现在我们只需要把leftA也加上一个左浮动,就能解决这个问题了。
日拱一卒,不负所期