欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
    方法1:计算滚动条宽度并隐藏起来
    html代码:
    <divclass="outer-container">
    <divclass="inner-container">
    Loremipsumdolorsitamet,consecteturadipiscingelit.Integervehiculaquamnibh,eutristiquetellusdignissimquis.Integercondimentumultriceselitutmattis.Praesentrhoncustortormetus,necpellentesqueenimmattisnec.Nullavitaeturpisutduiconsecteturpellentesquequisvelest.Curabiturrutrum,maurisutmollislobortis,semestconguelectus,utsodalesnuncleoalibero.Crasquissapieninmifringillatempuscondimentumquisvelit.Aliquamidaliquamarcu.Morbitristiquealiquamrutrum.Duistincidunt,orcisuscipitcursusmolestie,purusnisipharetradui,tempordignissimfelisturpisinmi.Vivamusullamcorperarcusitametmaurisegestasegestas.Vestibulumturpisneque,condimentumatinciduntquis,molestieveljusto.Sedmolestienuncdapibusarcufeugiat,utsollicitudinmetussagittis.Aliquamavolutpatsem.Quisqueidmagnaultrices,lobortisduieget,pretiumlibero.Curabituraliquaminanteeuultricies.Quisquevitaetinciduntpurus.Vivamusfeugiatbibendumerat,necinterdumurnaportased.Nunclobortisnequeorci,utsuscipitnislconguefeugiat.Vivamusfeugiattellusquiscursussollicitudin.Curabiturdolormassa,dictumutipsumin,porttitorpellentesqueante.Aeneanegestascursustempor.Maecenassempertortorsitametegestascursus.Maurisporttitorquisnisiuttincidunt.Curabituradipiscingeleifendnibh.Praesentmaurisleo,consequatvitaeorcieget,vestibulumbibendumnisi.Aliquamtempusdiamuttortorcursus,egetsodalesaugueadipiscing.Nullaatdignissimlibero.
    </div>
    </div>
    css代码:
    .outer-container{
    width:360px;height:200px;position:relative;overflow:hidden;
    }
    .inner-container{
    position:absolute;left:0;top:0;right:-17px;bottom:0;overflow-x:hidden;overflow-y:scroll;
    }

5.jpg

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c57069.shtml