加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

overflow属性里的2个常用的值

(2013-04-07 09:57:02)
标签:

overflow

滚动条

overflow-y

textarea

滚动条颜色样式

分类: div小技巧分享
   overflow属性你了解多少?博主我自学div已一年有余了,今天来谈谈overflow里面常用到的2个值。学过div的朋友对overflow一定不会陌生,overflow为CSS中设置当对象的内容超过其指定高度及宽度时如何管理内容的属性。其在dw中会显示5个属性:
auto   如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
hidden  内容会被修剪,并且其余内容是不可见的。
inherit 规定应该从父元素继承 overflow 属性的值。
visible 默认值。内容不会被修剪,会呈现在元素框之外。
scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。

    通常我们在使用overflow属性时,用的最多的就是hidden,我们称之为隐藏;偶尔会用到的是auto,就是自动;剩余的几个基本用不到,可能是场合的问题吧。

    当我们看到浏览器页面内的滚动条时,首先想到的是文本域,为什么呢,因为其自身不用设置什么参数就能实现滚动条的效果,的确。其实overflow属性也可以实现滚动条的效果。

文本域用法:设置文本框的行数为20,列数为10,名称为text。
 
overflow用法:设置div高100px,宽600px,y轴内容自动
 
<div style="overflow-y:auto;width:600px; height:100px;" >此处添加文字</div >



 注意:div可以替换成p,hn等标签使用。
 
     有没有发现ie里面的滚动条并不是多么好看,其实滚动条是可以改变颜色样式的。详情见下文滚动条颜色样式


0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有