overflow属性
《overflow属性》由会员分享,可在线阅读,更多相关《overflow属性(6页珍藏版)》请在装配图网上搜索。
1、overflow属性有四个值:visible(默认),hidden,scroll,和auto。同样有两个overflow的姐妹属性overflow-y和overflow-x,它们很少被采用。Visible如果你不设置overflow属性,则默认的overflow属性值就是visible。所以一般而言,并没有什么理由特别的设定overflow的属性为visible除非你想覆盖它在其它地方被设定的值。AREMYSITESUP?E口丹WEBSITEMONITORING.WEBSITEMONITORINGSQSIMPLEAYETICANDQIT.A純宀Pellentesquehabitantmorti
2、tristiquesenedusetneiusetmalesuadafamesacturpisegestas.Vestibulumtortorquam,feugiatvitae,ultrci&seget,tempersitamet.ante.Doneeeuliberosita-netquameg&stassemper.Aeneanultriciesmivitaeest.MaurisplaceraJteleifendl&o.Quisquesitameestelsapienulla-noorperpharelra.UFStibulum喪rat训面,aondinietMummodovitae,oma
3、resitamet.v/isi.Aeneanfermenturnelitegettinciduntcondimenhin.erosipsutrirutrumorci,ssittistempuslacusenimacdui.Doneenoneniminturpispulvi-narfacilisis.Jtfelis.Fraesentdapibus.nequeidcursusfaucibus.tortornequeegestasaugue,euvulputatemagnaeraseuerat.Aliqua金逻兼到金于3卜这里需要记住的重要的事情是,尽管盒子外面的内容是可见的,内容并不会影响页面的工
4、作流。比如:mivitaecst.ultriciesmivitaeest.Maurisplaccrateleifendlco.Acncanultrici金&3卜钠内薯村产金像滋翅象的髀祥AREMYSITESUP?EfiMTl.i.lEESITEMuNITu口刑MWEBSITEMONITORINGSOSIMPLEAYETICANDOIT.A純宀Pcllcntcsquchabitantmerbi一般来说,你至少不用为里面的内容为文字的盒子设置固定的高度,这样就不会遇到这种情况了。Hidden默认值visible的相反的值就是hidden。它会将所有超出盒子的所有内容都给隐藏掉。boxoverflo
5、w:hidden;Pellentesquehabitantmorbtristiqueseneztusetnetusetmalesuadafamesacturpisegestas.Vestibulumtarterquam,feugiatvitae,ultrcieseget,tempersitamet,ante.Doneeeuliberosita-netquamegestassemper.Aeneanultriciesmivitaeest.MaurisplaceraJteleifendleaQuisquesjtameestesapienulla-noorperphareira.这对应付使用动态的内
6、容,而且可能会由于内容溢出而引起一些布局上的问题的确很有用。尽管如此,请记住用此方法隐藏的内容将彻底的看不到(除非去查看Pcllcntcsquchabitantmorbitristiquesenectusetnctusctmalesuadafamesactuipisegestas.Vcstibuluintortorquamhfeugiatvitae,ultricicseget,temporsitamet,ante.Doneeculiberositametquamegestassemper.源代码)。比如有的用户设置他们的浏览器的默认字体比你预期的要大些,你会将一些文字推到盒子的外面然后完全的隐
7、藏之Scroll设置一个盒子的overflow值为scroll将会隐藏掉渲染到盒子之外的内容,但是它将会提供一个滚动条在盒子内部滚动,从而可以查看剩下的内容。boxoverflow:scroll;为scroll科空丑氷平和直才何姒现滦材张值得注意的是,使用scroll将会同时产生水平和垂直两个滚动条,就算内容只需要其中一个。Autooverflow的auto值很像scroll,它唯一解决的是在你不需要的时候也会出现滚动条的问题。Pcllcntcsquehabitantmorbitristiquescncctusetnctusetmalcsuadafamesactuipisegestas.Vcs
8、tibulumtortorquamhfeugiatvitae,ultricicseget,temporsitamet,ante.Doneeculiberositametquamegestassemper.Acncanulti-icicsmivitaeest.Maurisplaccratclcifcndlco.Acncanultricicsmivitaeest.MaurisplaccratclcifcndlcoTTm*11m俺金于-丁滦材张。清除浮动设置overflow的一个更流行的用处是,说也奇怪,清除浮动。设置overflow并不会在该元素上清除浮动,它将清除自己(self-clear)。意思就是,应用了overflow(auto或hidden)的元素,将会扩展到它需要的大小以包围它里面的浮动的子元素(而不是叠了起来(collapsing),假设未定义高度。就像这样:(-匸心严圖7恭障洱衬巨后JRar舟鸿材Rd亍liF*左再材
- 温馨提示:
1: 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2: 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
3.本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 装配图网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。