width属性

宽度属性,可以赋任何值。
音标(美式):[wɪdθ, wɪθ, wɪtθ]
发音(美式):

 

height属性

高度属性。可以赋任何值。
音标(美式):[haɪt]
发音(美式):

 

overflow属性

overflow属性规定当内容溢出元素框时发生的事情。
根据CSS的盒模型概念,页面中的每个元素,都是一个矩形的盒子。
这些盒子的大小、位置和行为都可以用CSS来控制。
比如,如果你没有设置一个盒子的高度,该盒子的高度将会根据它容纳内容的需要而增长。
但给一个盒子指定了一个高度或宽度,而里面的内容超出的时候会发生什么?
这就是该添加CSS的overflow属性的时候了,它允许你设定该种情况下如何处理。

overflow属性有四个值:
visible //超出部分元素可见(默认)
hidden //超出部分元素被隐藏
scroll //内容超出容器的宽度或者高度的时候滚动。即出现滚动条。
如果是
overflow-x:scroll横向滚动,故横向出现滚动条,
overflow-y:scroll纵向出现滚动条,
overflow:scroll横向纵向都有可能出现滚动条。
auto //自动。

 

主讲:overflow:hidden的用途

第一种情况:
我们平时最常用到的即overflow:hidden,一般用在固定宽高的div里面,目的是隐藏溢出使内部元素高度即使超过父元素也能够被隐藏。

第二种情况:

没有宽高的div里,其目的是清除浮动。
应用了overflow(auto或hidden)的元素,默认高度height:auto的情况下,将会扩展到它需要的大小。以包围它里面的浮动的子元素。
这是一个很奇特,很厉害的特性。
因为过于奇异,我暂时无法解释为什么。
估计就是一个死规定吧,程序设计的时候就规定有这个功能。
大家用几遍就知道了。

 

相关英文

width = 宽度
height = 高度
overflow = 溢出,超出,充满
auto = 自动
scroll = 滚动
hidden = 被隐藏,隐藏
visible = 可见