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

回答

相關問題