div固定行高的设置

碰到了如下的情况:只能局部滚动而不能全屏滚动,同时又不想用iframe。于是想到了固定一个div的行高,仅仅强制div内的内容滚动。参考代码如下:

<div style="height:220px;width:100%;overflow:auto;">

....some other thing....

<div>

效果如下:

aaa
aaa
aaa
aaa
aaa

overflow 标签的说明
overflow : visible | auto | hidden | scroll

参数:

visible :  不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto :  此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden :  不显示超过对象尺寸的内容
scroll :  总是显示滚动条

此条目发表在sitebuild分类目录,贴了, , 标签。将固定链接加入收藏夹。

发表评论

您的电子邮箱地址不会被公开。

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据