关于div滚动条问题

m_angle_m 2012-11-05 05:14:37
我写了一个div,div的内容是js动态加入的。
div的宽度设置的是auto,ie中div加上overflow-y:scroll;后 出现垂直滚动条,但这个滚动条会占用div的内宽度,把我div的内容挤换行了。
ff、chrome都不会有这样的问题,求解决方法。
...全文
178 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
sweet_ 2012-11-06
  • 打赏
  • 举报
回复
<!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=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="../Jquery/jquery-1.7.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$("#btn").bind("click",function(){
var d=new Date();

$("div").text($("div").text()+"tests")
});
});
</script>
<style type="text/css">
div{ width:100px; height:100px; overflow-y:scroll; word-wrap:break-word; overflow-x:hidden; text-wrap:normal; border:1px solid blue;}
</style>
</head>
<div>

</div>
<input type="button" id="btn" value="test" />
<body>
</body>
</html>

m_angle_m 2012-11-05
  • 打赏
  • 举报
回复
求大侠给个方案,
m_angle_m 2012-11-05
  • 打赏
  • 举报
回复
如果我将div内容用span包起来,不让内容换行,div的下方又会出现横向滚动条,怎么办?

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧