css高度问题chrome

-2

hy 我在chrome中遇到了css问题。我在右栏有一个迷你手推车，当我添加产品时，手推车框变得越来越大，越过脚注而不是推下来。这个问题我只在Chrome浏览器。css高度问题chrome

右栏设置为自动高度。如果我设置高度（2000px），我会让页脚下降，但我不需要设置高度。

THX

<div ID="right"> 
<!--cart-bar open--> 
    <div id="cart-bar"> 
    <!-- For Ajax --> 
    <div id="ajjax" style="padding:0px; margin:0px;"> 
          <div class="cart"><span>`<a href="">Cart (0 products)`</a></span> 
     </div> 
     <div id="minicart"> 
       <div style="cursor:pointer;"> 


<span class="minicart-total"></span> 
    </div> 
<div class="clear"></div> 
</div> 
      </div> 
        <div class="minicart-bottom"> 
      </div> 
      <!--minicart closed--> 
      <div class="contact"><img src="" height="74" border="0"/> 
      </div><br /> 
     <a href="#"></a> 
     </div> 
     <!--right closed--> 
     <div class="clear"> 
     </div> 

     </form></div></div> 
     <!--column-right closed--> 
    </div> 
<!--wrapp-content closed--> 
<!--footer open--> 




    #column-right #right {float:right; height:auto;} 
    #minicart{width:240px; background:url(../images/minicart-bg.png) repeat-y; padding:2px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#839606;} 
    .minicart-bottom{width:244px; height:16px; background:url(../images/minicart-bottom.png) no-repeat;} 
    .minicart-product{width:auto; padding-top:4px; padding-bottom:4px; background:#fafafa; }

我不知道这是所有相关的。

来源

2013-06-11 Robert Rouge

为获得最佳效果，请发布HTML和CSS的相关片段，以便我们检查您的代码以帮助查找问题。用于创建[jsFiddle]（http://jsfiddle.net）以显示问题的奖励点。 –

我的spidey感觉告诉我你应该发布你的相关代码... – War10ck

添加到提琴先生1点 – Riskbreaker

尝试通过设置包装的高度（包含除页脚之外的所有内容）来降低页脚的高度，请为页脚提供顶部边距 - 高度，以便页脚高度为200px时， -200px的边距，在您的容器div的底部添加一个空格，高度为200px，这将始终推下页脚。

另外我认为你的购物车与你的页脚重叠的原因是由于浮动问题，请尝试添加“clear：both”。到你的页脚元素。

来源

2013-06-12 03:42:30 inControl

css高度问题chrome

回答

相关问题