css – IE7浮动正确的问题

前端之家收集整理的这篇文章主要介绍了css – IE7浮动正确的问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Html =>
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. </head>
  6. <body>
  7. <div style='border: 1px solid red; width: 100px;'>
  8. <a href="#">foo</a>
  9. <a href="#"style="border-color: blue; float: right;">bar</a>
  10. </div>
  11. something
  12. </body>
  13. </html>

我有IE7的问题(IE6支持不需要)

在IE7呈现的html看起来像这样=>

我需要它看起来像这样(chrome / ie8目前工作)=>

我应该改变什么?

猜你在找的CSS相关文章