对于盒中容纳不下的内容的显示
如果在样式中指定了盒的宽度与高度,就有可能出现某些内容在盒中容纳不下的情况,可以使用overflow属性来指定如何显示盒中容纳不下的内容。同时,与overflow属性相关的还有overflow-x属性、overflow-y属性以及text-overflow属性,这几个属性原本是IE浏览器独自发展出来的属性,由于在CSS 3中被采用,因而受到了其他浏览器的支持。
overflow属性
在CSS 3中,可以使用overflow属性来指定对于盒中容纳不下的内容的显示方法。这个属性是在CSS 2中定义的属性,目前受到了Firefox、Safari、Opera、IE、Chrome浏览器的支持。
div元素内的文字超出了div元素的容纳范围:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>overflow属性使用示例</title>
<style type&#