css – IE7浮动正确的问题

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

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

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

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

我应该改变什么?

猜你在找的CSS相关文章