Question

即使是最简单的布局，我也遇到过这个问题。似乎我网站上的每个浮动元素（在IE 7中，IE 8都很好）逐渐下降。

错误：http://img232.imageshack.us/img232/4239/floatdrop.jpg

基本上我只有一个列表，在无序列表中有3个项目。（如截图所示）。网站周围的各种其他元素（例如列）也被破坏了。我已经完全剥离了所有东西，但问题仍然存在。

我可以使用什么方法使网站在＆gt; Ie7中使用。

CSS：

#home #right-column ul {
position: absolute;
width: 100%;
bottom: 0px;
margin-top: 14px;
}
#home #right-column li a {
display: inline;
float: left;
width: 115px;
padding: 3px 5px 3px 5px;
margin-right: 20px;
text-align: center;
color: #ffffff;
background-color: #70cbd2;
}

Answer 1

附加截图正确呈现。由于LI未浮动，因此默认为100％宽度。

浮动LI而不是A应解决问题。

Answer 2

你LI已关闭。尝试类似：

#home #right-column ul {
  position: absolute;
  width: 100%;
  bottom: 0px;
  margin-top: 14px;
}

#home #right-column li {
  display: block;
  float: left;
  margin-right: 20px;
} 

#home #right-column li a {
  display: block;
  width: 115px;
  padding: 3px 5px 3px 5px;
  text-align: center;
  color: #ffffff;
  background-color: #70cbd2;
}

IE 7 Float drop bug

2 个答案: