overflow属性定义了当子元素超越了包含它的元素时,子元素的显示方式。如果内容太多,overflow属性说明内容是否显示以及如何显示。
overflow属性有4个可能值:
- visible:内容未被剪切,显示在元素外;
- hidden:内容被剪切,但是浏览器不显示滚动条,无法看到剩余的内容;
- scroll:即使有足够空间显示全部内容,浏览器也显示滚动条;
- auto:如果内容太多,浏览器将显示滚动条以查看剩余内容;
下面我们就看看每个值会产生的效果:
overflow:auto; | overflow:hidden; | overflow:visible; | overflow:scroll; |
所有的框模型一开始都是按文档中正常的元素流定位,而定位position属性允许我们改变这些自然的位置。
|
所有的框模型一开始都是按文档中正常的元素流定位,而定位position属性允许我们改变这些自然的位置。
|
所有的框模型按文档中正常的元素流定位。
|
关于布局的内容基本上就这些了吧,还有一些高级的特性就需要大家自己学习积累、使用才是王道!