IE7和IE8之間的兼容性問題

我有一個CSS，只顯示垂直滾動條而不顯示水平滾動條。IE7和IE8之間的兼容性問題

我的CSS是，

div.rightSide { 
display: inline; 
float: right; 
height: 234px; 
margin: 5px 0; 
overflow-y: auto; 
position: relative; 
vertical-align: middle; 
visibility: inherit; 
width: 300px; 
z-index: 6; 
}

它將按預期在IE8和Mozilla 3.6，但是當我測試相同的IE7，也越來越顯示垂直滾動條。那麼爲了克服這個問題我應該怎麼做？

編輯

添加我的HTML代碼。

<body> 
    <div> 
     <div id="contentColumn"> 
      <div class="overviewPage"> 
       <div class="instructionContent" id="sample_id"> 
        <div class="overviewBackground" style="z-index: 3;"> 
         <p class="sidebar_body"> 
          <img align="center" border="0" height="244" 
           src="../images/product/sample.jpg" width="752" /> 
         </p> 
        </div> 
        <div class="rightSide"> 
         <div class="unitOverview"> 
          <p class="body"> 
           <span class="bold">Unit 1 Overview</span> 
          </p> 
          <div class="sectionContents"> 
           <div class="subhead_pri"> 
           <!-- My title goes here --> 
           </div> 
           <div class="sectionBody" style="overflow:hidden;width:100%"> 
            <p class="body"> 
            <!-- My content Goes here --> 
            </p> 
           </div> 
          </div> 
         </div> 
         <div class="vendor">ID: vendor1</div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</body>

感謝， Jeya

來源

2011-12-07 i2ijeya

你可以把HTML代碼？因爲我的答案取決於html代碼，只適用於類「rightSide」及其容器使用的div，並且如果將css放在容器中會更好。 –

已添加我的HTML代碼。 – i2ijeya

謝謝，但是那個名爲「instructionContent」的div的div在CSS中有寬度嗎？ –

實驗與您的內容。 overflow-y：auto表示'如果必須只顯示垂直滾動條'。顯然IE7認爲你的內容足夠高，它需要滾動條。

來源

2011-12-07 13:32:57 n8wrl

將overflow-x: hidden;添加到您的CSS以及。

來源

2011-12-07 13:35:52 cgwebprojects

幫我幾天前 – lvil

我已經加了上面的代碼片段，結果仍然一樣。 – i2ijeya

默認情況下，IE7將您的容器視爲overflow: auto。您需要另行說明。嘗試添加overflow: hidden之前overflow-y: auto，在我的情況幫助。

來源

2012-06-21 16:07:55 root

IE7和IE8之間的兼容性問題

回答

相關問題