<div style="width:120%">内容</div>
这样就会出现滚动条了。、
但是一般这样写都不太合理,因为一般情况下我只想要某一块可以滚动而已,而不是整个页面都滚动,那么就需要嵌套多一层来设置了。
scroll
是CSS中某些属性当中的值
一般都是跟滚动挂钩的
下面是涉及scroll值的主流的两个属性
===================
第一个:background-attachment
实例用法:
body{ background-image: url(bgimage.gif) background-attachment: fixed }所有浏览器都支持 background-attachment 属性。
作用:
background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。
属性值有三个
scroll:默认值。背景图像会随着页面其余部分的滚动而移动。
fixed:当页面的其余部分滚动时,背景图像不会移动。
inherit:规定应该从父元素继承 background-attachment 属性的设置。(所有浏览器目前均不支持该属性值)
======================
第二个:overflow
实例用法:
div{ width:150pxheight:150pxoverflow:scroll}所有主流浏览器都支持 overflow 属性。
作用:
overflow 属性规定当内容溢出元素框时发生的事情。
属性值有五个:
visible:默认值。内容不会被修剪,会呈现在元素框之外。
hidden:内容会被修剪,并且其余内容是不可见的。
scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。(配合height使用)
auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。(没有height的时候)
inherit:规定应该从父元素继承 overflow 属性的值。(所有浏览器目前均不支持该属性值)