Question

我在使用IE7时遇到问题并浮动左侧div。

这里是css：

.h-slideshowcontrol  { display: block; float: left; width: 14px; height: 14px; }

和html：

<div class="b-slideshowcontrols">
    <div class="h-slideshowcontrol ">
    </div>
    <div class="h-slideshowcontrol ">
    </div>
    <div class="h-slideshowcontrol active">
    </div>
    <div class="h-slideshowcontrol ">
    </div>
</div>

我不知道为什么，但IE7中的h-slideshowcontrol就像没有浮动一样。

P.S。你可以在页面上看到它 - http://mindhouse.sitetd.ru/（幻灯片下的圆形按钮）

感谢您的帮助！

P.S.S。我通过添加外部块和更改样式来修复：

.b-slideshowcontrols_outer { 
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
}
.b-slideshowcontrols { 
    position:relative;
    left:50%;
}
.h-slideshowcontrol { 
    float:left; white-space:nowrap; width:14px; height:14px; cursor:pointer; float: left; position:relative; margin-right: 2px;
    background:transparent url('../img/slideshowcontrol-inactive.png') no-repeat; 
}

Answer 1

尝试：

div默认为阻止。

.h-slideshowcontrol  {   float: left; width: 14px; height: 14px; }

在IE7中浮动div

1 个答案: