快速认识CSS中的overflow属性
作者：dudo 来源：dudo博客 发布时间：2009-05-29 16:36:00
标签：css,overflow,属性,ie
即使页面上只有一个元素它也是一个矩形的盒模型。其大小、位置、行为都可以通过CSS来控制。这里的行为是指当盒模型内部以及周围的内容发生变化时的表现。例如，如果你没有给一个盒模型指定一个高度，那么它就会随着内容的增加变得越来越高。但是如果当你为盒模型指定一个高度、而其内部的内容不能与其完全匹配时又会怎么样呢？这时就要用到CSS中的overflow属性了，它允许你来设定如何处理多余的内容。
overflow有四个属性：visible（默认属性）、hidden、scroll和auto。此外它还有两个姊妹属性:overflow-x和overflow-y，这两个使用的相对较少。
让我们看看每个属性的具体使用方法。
Visible
如果你没有设定overflow属性，其默认值就是visible。因此，一般意义上说没有必要刻意声明其属性值为visible，除非是要覆盖基之前继承的属性。
需要注意的一点是，虽然盒模型内部的内容溢出到外围，但是不影响其它元素的浮动。
一般说来，对于内部有文本内容的盒模型来说不能简单地设定一个固定高度。
0
投稿猜你喜欢
- 你可能正建立自己在网上的家-WEB页，又或者它已经被你安置在网络某一角里。无论出于什么目的,你都希望有
- 项目：基于Pymysql的专家随机抽取系统引入库函数：>>> import treelib>>> fro
- 同事在准备新老系统的切换，清空一个表的时候往往发现这个表的主键被另一个表用做外键，而系统里有太多层次的引用.所以清起来相当麻烦用下面这个脚本
- 一、PsutilPython当中的Psutil模块是个跨平台库，它能够轻松获取系统运行的进程和系统利用率，包括CPU、内存、磁盘、网络等信息
- 用ASP实现搜索引擎的功能是一件很方便的事，可是，如何实现类似3721的智能搜索呢？比如，当在搜索条件框内输入“中国人民”时，自动从中提取“
下载好所需程序1.Selenium简介Selenium是一个用于Web应用程序测试的工具，直接运行在浏览器中，就像真正的用户在操作一样。2.- 前言Go语言作为一个由Google开发，号称互联网的C语言的语言，自然也对JSON格式支持很好。下面这篇文章主要介绍了关于golang自定义
- 处理中文在进行写文件时，必须采用以下方式：tree.write(nxmlpath, "UTF-8")如果写成：tree.
- 一、问题描述在用python开发时经常用到logging这个包，根据官方示例，如果要指定日志级别可以写成如下的方式。import loggi
- 简介python 动态执行字符串代码片段（也可以是文件）， 一般会用到exec,eval。execexec_stmt ::= "e
- 实际参数在函数中我们可以使用 arguments 对象获得 （注：形参可通过 arguments.callee 获得），虽然 argumen
- xlsxwriter可能用过的人并不是很多，不过使用后就会感觉，他的功能让你叹服，除了可以按要求生成你所需要的excel外还可以加上很形象的
- 使用webpack搭建单页面程序十分常见，但在实际开发中我们可能还会有开发多页面程序的需求，因此我研究了一下如何使用webpack搭建多页面
- 查看某一列中有多少中取值：数据集名.drop_duplicates(['列名'])#实际为删除重复项，删除后对原数据集不修改
- 核心提示：本文针对mysql-noinstall版本，也就是解压缩版的安装配置应用做了个总结，这些操作都是平时很常用的操作。文章中不对mys
- 一、文本文件文本文件，主要包括csv和txt两种等，相应接口为read_csv()和to_csv()，分别用于读写数据1. read_csv
- 代码如下：'其中注释中有 ###的需要用户设置 '其中注释中有 参数传递 ** 的 说明要通过参数 传递。'定义变量
- 本文对于先前系列文章中实现的C/Python代码统计工具(CPLineCounter)，通过C扩展接口重写核心算法加以优化，并与网上常见的统
- enum 是一组绑定到唯一常数值的符号名称，并且具备可迭代性和可比较性的特性。我们可以使用 enum 创建具有良好定义的标识符，而不是直接使
- 如下所示：b.reset_index(drop=True)reset_index代表重新设置索引，drop=True为删除原索引。来源：ht
