CSS中overflow属性用法介绍

CSS属性有很多值得学习的地方，如果你掌握了CSS属性的变幻就会收到意想不到的效果，这里向大家简单描述一下CSS中overflow属性用法，overflow属性规定如何处理如何处理不符合元素框的内容。

我们提供的服务有：网站制作、成都网站建设、微信公众号开发、网站优化、网站认证、夷陵ssl等。为超过千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的夷陵网站制作公司

CSS中overflow属性用法介绍

overflow属性规定如何处理如何处理不符合元素框的内容。用法如下：Object.style.overflow=visible|hidden|scroll|auto。

参数介绍：

visible：内容不会被修剪，会呈现在元素框之外。

hidden：内容会被修剪，但是浏览器不会显示供查看内容的滚动条。

scroll：内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。

auto：由浏览器决定如何显示。如果需要，则显示滚动条。

本例使用overflow来显示溢出元素框的内容：

viewsourceprint?

 
 
 

  
  
  
01
  
  
  

  
  
  
02
  
  
  

  
  
  
03
  
  
  

  
  
  
04div{border:thinsolidgreen;width:100px;height:100px;} 
  
  
  

  
  
  
05
  
  
  

  
  
  
06
  
  
  

  
  
  
07functionhideOverflow() 
  
  
  

  
  
  
08{ 
  
  
  

  
  
  
09document.getElementById("div1").style.overflow="hidden"; 
  
  
  

  
  
  
10} 
  
  
  

  
  
  
11
  
  
  

  
  
  
12
  
  
  

  
  
  
13
  
  
  

  
  
  
14 
  
  
  

  
  
  
15
  
  
  

  
  
  
16Thisissometext.Thisissometext.Thisissometext. 
  
  
  

  
  
  
17Thisissometext.Thisissometext.Thisissometext. 
  
  
  

  
  
  
18Thisissometext.Thisissometext.Thisissometext. 
  
  
  

  
  
  
19