IE7浮動小数点浮動小数点問題

Question

浮動小数点についての簡単な質問がIE7に残されています。基本的に私はdiv要素が互いに水平インラインの隣に並べる必要があり、この

<div><a href></a></div> 
<div><a href></a></div> 
<div><a href></a></div> 
<div><a href></a></div> 

のようないくつかのHTMLを持っています。

現在、divは左に浮動し、その内部のアンカータグには背景画像、幅、高さ、および表示：ブロックがあります。

現在のところ、IE6 + 7以外のすべてのブラウザで動作します。これらの2つのブラウザでは、すべてが上下に積み重ねられています。 IEのための迅速な修正方法はありますか？私はCSSファイルにしかアクセスできません。 HTMLを編集することはできません。

Answer 1

は、これを使用してみてください：

zoom: 1; // IE hack to trigger hasLayout 
*display: inline; // IE hack to achieve inline-block behavior 
*float: none; 

それはIEのみで読み取ることだろう、それはハックですが、あなたは、HTMLにアクセスすることができないので、うまくいくかもしれません。

Answer 2

浮動小数点数が残っているdivをラップする親コンテナの幅があることを確認してください。また、左に浮動している各divの幅を設定すると、動作するはずです。

<div id='wrap-it'> 
    <div><a href></a></div> 
    <div><a href></a></div> 
    <div><a href></a></div> 
    <div><a href></a></div> 
</div> 
<style> 
    #wrap-it { width: 200px; } 
    #wrap-it div { float: left; width: 50px; } 
</style>