使用CSS我怎樣才能讓它看起來像滾動條訪問窗口大小時消失的div？

我認爲這可能是一個簡單的修復，但我似乎無法弄清楚。我無法獲得溢出：滾動或溢出：自動工作。有沒有人有任何想法？使用CSS我怎樣才能讓它看起來像滾動條訪問窗口大小時消失的div？

<html> 
    <head> 
    <style> 
     #container 
     { 
     } 

     #leftDiv 
     { 
      background-color: #DA4747; 
      display: in-line; 
      height: 500px; 
      left: 200px; 
      position: fixed; 
      top: 100px; 
      width: 400px; 

     } 

     #rightDiv 
     { 
      background-color: #DA4747; 
      display: in-line; 
      height: 500px; 
      left: 800px; 
      position: fixed; 
      top: 100px; 
      width: 400px; 
     } 
    </style> 

    </head> 
    <body> 
     <div id="container"> 
      <div id="leftDiv"> 
      </div> 
      <div id="rightDiv"> 
      </div> 
     </div> 
    </body>

來源

2014-05-24 user3461300

我覺得你的問題是在'位置：fixed' - 溢出不會與定位固定或絕對要素工作。 –

'display：in-line;'應該是'display：inline-block;' –

position: fixed;不會工作，儘量position: absolute;

固定將毫無SENCE無論如何，因爲它使瀏覽器上的位置。

absoulte根據其父元素保留位置。

這裏是一個fiddle

<div id="container"> 
    <div id="leftDiv"></div> 
    <div id="rightDiv"></div> 
</div> 


#container { 
    overflow: auto; 
} 
#leftDiv { 
    background-color: #DA4747; 
    display: in-line; 
    height: 500px; 
    left: 200px; 
    position: absolute; 
    top: 100px; 
    width: 400px; 
} 
#rightDiv { 
    background-color: #DA4747; 
    display: in-line; 
    height: 500px; 
    left: 800px; 
    position: absolute; 
    top: 100px; 
    width: 400px; 
}

來源

2014-05-24 21:58:28 Dwza

使用CSS我怎樣才能讓它看起來像滾動條訪問窗口大小時消失的div？

回答

相關問題