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也加上一个左浮动,就能解决这个问题了。

posted @ 2017-03-27 10:56  进击的小牛牛  阅读(339)  评论(0编辑  收藏  举报