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 = 可见
评论区
发表新的留言
您可以留言提出您的疑问或建议。
您的留言得到回复时,会通过您填写的邮箱提醒您。