IE8右浮动不工作和

Question

这个div不是向右浮动的(它与IE8中的左边框对齐)并且被切断。在IE9,10和所有其他浏览器中都很好。我试着在这里找个解决办法，但没有结果。

    <div id="main" class="wrapper">
<div id="primary" class="site-content">
<div id="content" role="main" class="homeContent">
    <article id="post-6" class="post-6 page type-page status-publish hentry">
<header class="entry-header">
<div class="entry-content">
<div id="homeinnerContent">
   <h1>Charting Client&#8217;s Financial Futures</h1>
   <div id="homeICleft">
   <p>Our mission is to help clients navigate their way through the complexities of an
ever-changing financial world.</p> 
<p>Our approach begins with listening to our clients and helping them identify their
financial goals.</p>
<p>From there, we help our clients develop a complete strategy to meet those goals
through innovative, integrated financial solutions.</p></div>
<div id="homeICright">
<div id="ctabutton1"><a href="/wealth-management/">WEALTH MANAGEMENT</a></div>
<div id="ctabutton2"><a href="/risk-management/">RISK MANAGEMENT</a></div>
</div>
</div>
</div><!-- .entry-content -->
<footer class="entry-meta">         
</footer><!-- .entry-meta -->
</article><!-- #post -->            
    </div><!-- #content -->
</div><!-- #primary -->
</div><!-- #main .wrapper -->

#homeinnerContent {
background: url(images/homeInnerBG.png) #000000 no-repeat;
width: 640px;
height: 270px;
float: right;
border: 2px solid white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 15px 0 10px 15px;
color: #FFFFFF;

}

Answer 1

在IE8中，浮子对我来说工作得很好。您可能需要检查是否处于可压缩模式。如果是这样，应该将宽度100%添加到父容器中。看看这个answer。