当前位置: 网站建设 > 网页设计 > 建站经验 >

详细讲解CSS Overflow属性

时间:2013-03-02 04:15来源:未知 作者:admin 点击:

标签:详细讲解CSS Overflow属性 浮动(33)overflow(7)讲解(8)CSS(823)肃清(3)详细(10)这里(11)属性(68)
肃清浮动 这里需要记住的主要的事情是,尽管盒子外面的内容是可见的,内容并不会影响页面的工作流。比如: --> [网站建设之]具体讲授CSS Overflow属性 检索或设置当对象的内容超过其指定高度及宽度时如何治理内容。 所有对象的默认值是 visible ,除了 textarea 对象跟 body 对象的默认值是 auto , 详细分析讲解关于CSS的换行 。设置 textarea 对象此属性值为 hidden 将隐蔽其转动条。 Tag:overflow属性 CSS overflow属性 CSS 这对敷
详细讲解CSS Overflow属性》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234X12013.htm

 

肃清浮动

 

这里需要记住的主要的事情是,尽管盒子外面的内容是可见的,内容并不会影响页面的工作流。比如:

--> [网站建设之]具体讲授CSS Overflow属性

 

检索或设置当对象的内容超过其指定高度及宽度时如何治理内容。
所有对象的默认值是 visible ,除了 textarea 对象跟 body 对象的默认值是 auto ,详细分析讲解关于CSS的换行。设置 textarea 对象此属性值为 hidden 将隐蔽其转动条。

Tag:overflow属性   CSS   overflow属性   CSS  

这对敷衍应用动态的内容,而且可能会因为内容溢出而引起一些布局上的问题确实很有用。只管如斯,请记住用此方式隐藏的内容将彻底的看不到(除非去查看源代码)。 比方有的用户设置他们的阅读器的默认字体比你预期的要大些,你会将一些文字推到盒子的外面而后完整的隐藏之……

设置overflow的一个更风行的用途是,说也奇异,清除浮动。设置overflow并不会在该元素上扫除浮动,它将消除本人(self-clear)。意思就是,利用了overflow(auto或hidden)的元素,将会扩大到它须要的大小以包抄它里面的浮动的子元素(而不是叠了起来(collapsing)),假设不决义高度。就像这样:

overflow属性有四个值:visible (默认), hidden, scroll, 和auto。同样有两个overflow的姐妹属性overflow-y 和overflow-x,详细分析电商网站B2C的常见功能购物车设计思路,它们很少被采取。

firefox将其放到盒子外面,而IE则将其放到里面。我以为只有IE是对的(它应当在里面的)。
 
看明白这个显明的不同。

跨浏览器的懊恼

就像CSS中的许多东东,overflow有很多的跨浏览器的蹊跷的事情。比如这些:

IE 6, 7 和 8都会扭曲默认的overflow visible值并将水平的扩展一个盒子一匹配内容(比如图片)。 这对使用浮动列布局的构造无比苦楚,而且单个扩展的列就可能将其它列挤下去并使布局乱掉!

Auto

损坏浮动布局

IE 8 扩展盒子的bug

如果你不设置overflow属性,则默认的overflow属性值就是visible。所以普通而言,并没有什么理由特殊的设定overflow的属性为visible除非你想笼罩它在其它处所被设定的值。

建站学CSS基本教程,本文咱们将详解CSS Overflow属性。

设置一个盒子的overflow值为scroll将会隐藏掉渲染到盒子之外的内容,详细介绍CSS的边框属性(border),然而它将会供给一个滚动条在盒子内部滚动,从而能够查看剩下的内容,该如何面对WEB标准

 

Scroll 滚动条能用CSS节制吗?

无论是否需要,IE都会始终显示一个垂直的滚动条,这对防备程度跳动是有些作用的,但并非老是可取的。要想在IE中移除它,译文:设计网页时要考虑的60个问题,可以在body元素中设置overflow为auto。

 

 

这里有更多关于浮动的细节文章对于浮动的所有。

IE从前在较老的版本中容许这样,但是之后就收敛了。好比很多表单元素,滚动条就不许可使用CSS把持。我在它是否是件好事件上不任何详细的意 见,但是我可以说,在网站的所有内容上使用滚动条是很丑恶的和庸俗的。假如你需要一个丑化的滚动条,你或者需要寻找javascript来模仿。

IE8有良多有趣的新bug,包含一些十分重大的暗藏在网页中的。

值得留神的是,使用scroll将会同时发生水温和垂直两个滚动条,就算内容只要要其中一个。

IE 技能 滚动条在盒子里面仍是外面?

个别来说,你至少不必为里面的内容为文字的盒子设置固定的高度,这样就不会碰到这种情形了。

Hidden Visible

默认值visible的相反的值就是hidden。它会将所有超越盒子的所有内容都给隐藏掉。

 

overflow的auto值很像scroll,它独一解决的是在你不需要的时候也会呈现滚动条的问题。


(责任编辑:网站建设)
详细讲解CSS Overflow属性相关文章
上一篇:详细分析讲解关于CSS的换行 下一篇:详解CSS3 border-radius
回到顶部