css中scroll是必须要两个容器吗?里面的元素一定要比外面的元素要高吗?

html-css012

css中scroll是必须要两个容器吗?里面的元素一定要比外面的元素要高吗?,第1张

不一定,例如你有一个 div, 设置的宽超出了 浏览器的宽就会出现滚动条,例如:

<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 属性的值。(所有浏览器目前均不支持该属性值)