会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
Jakin.zhou
博客园
首页
新随笔
联系
管理
Div实现滚动条效果
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
<
head
>
<
meta
http-equiv
="Content-Type"
content
="text/html; charset=gb2312"
/>
<
title
>
DivTest
</
title
>
<
style
type
="text/css"
>
#abc
{
}
{
width
:
160px
;
height
:
100px
;
background
:
#ccc
;
/**/
/*
word-break:break-all;
*/
word-wrap
:
break-word
;
overflow
:
auto
;
/**/
/*
自动出现滚动条
*/
/**/
/*
超出div部份则自动隐藏
*/
/**/
/*
overflow-x:hidden;
*/
/**/
/*
div自动出现垂直滚动条
*/
/**/
/*
overflow-y:auto;
*/
}
</
style
>
</
head
>
<
body
>
<
div
id
="abc"
>
中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国
</
div
>
</
body
>
</
html
>
posted @
2014-07-22 11:38
Jakin.zhou
阅读(
1312
) 评论(
0
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部