IE7中的CSS問題

Question

<style> 

     div{ 
      height:100px; 
        } 

     #wrapper{ 
      position:relative; 
     }   

     #navigation { 

      position:relative; 
      width:400px; 
      background-color:black; 
      float:left; 
     } 
     #content{ 
      width:2300px; 
      background-color:red; 
      padding-left:500px; 

     } 

     #iframe{ 
      background-color:green; 
     } 


    </style> 

<div id="wrapper"> 

     <div id="navigation"> 
      sss 

     </div> 

     <div id="content"> 

      <div id="iframe"> 
       content 
      </div> 
     </div> 

    </div> 

在IE8等瀏覽器中，FF＃內容div與IE 7內容div中的導航內聯。 我正在尋找這個問題的解決方案ine ie7感謝您的幫助

Answer 1

有類似的問題。感謝用戶VinayC解決了這個問題。我相信這也會對你有所幫助。解決方案是相對定位。檢查此鏈接：http://snook.ca/archives/html_and_css/position_relative_overflow_ie/

Answer 2

在IE中#content正在下降，因爲該元素的寬度大於窗口/主體。但我不確定這是否與IE9相同。

要解決此問題，請將寬度增加到大於#navigaton + #content的寬度的#wrapper。

#wrapper{ 
    position:relative; 
    width: 2800; 
} 

另外爲什麼你有這麼長的寬度和填充#content？