滚动条的问题,请帮忙看看

fangzhou 2005-01-15 12:37:45

下面代码中点击第二次的时候<div>出现横向滚动条,怎么才能使<div>不出现横向滚动条?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="JavaScript">
function outlookdiv1_Click()
{
if (document.all("outlookdiv1").style.height=="0%")
{
document.all("outlookdiv1").style.height="100%";
document.all("outlookdivin1").style.height="100%";
document.all("outlookdivin1").style.overflow="auto";
document.all("outlookdivin1").style.display="";

document.all("outlookdiv2").style.height="0%";
document.all("outlookdivin2").style.height="0%";
document.all("outlookdivin2").style.overflow="hidden";
document.all("outlookdivin2").style.display="none";
}
}
function outlookdiv2_Click()
{
if (document.all("outlookdiv2").style.height=="0%")
{
document.all("outlookdiv2").style.height="100%";
document.all("outlookdivin2").style.height="100%";
document.all("outlookdivin2").style.overflow="auto";
document.all("outlookdivin2").style.display="";

document.all("outlookdiv1").style.height="0%";
document.all("outlookdivin1").style.height="0%";
document.all("outlookdivin1").style.overflow="hidden";
document.all("outlookdivin1").style.display="none";

}
}
</script></head>

<body leftmargin="0" topmargin="0">
<table width="105" border="0" cellspacing="0" cellpadding="0" height="100%" align="center">
<tr>

<td height="19" background="11.jpg" onClick="javascript:outlookdiv1_Click();"> </td>
</tr>
<tr>
<td name=outlookdiv1 valign=top align=center id=outlookdiv1 style='width:105px;height:100%'><div name=outlookdivin1 id=outlookdivin1 style='overflow:auto;display:;width:100%;height:100%'>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>
</div></td>
</tr>
<tr>

<td height="19" background="11.jpg" onClick="javascript:outlookdiv2_Click();"> </td>
</tr>
<tr>
<td name=outlookdiv2 valign=top align=center id=outlookdiv2 style='width:105px;height:0%'><div name=outlookdivin2 id=outlookdivin2 style='overflow:hidden;display:none;width:100%;height:0%'>
fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>fdsa<br>
</div></td>
</tr>
</table>
</body>
</html>

...全文

219 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

angel2a 2005-02-05

打赏
举报

style="overflow-x:hidden;"

royitonade 2005-02-05

打赏
举报

学习咯

afanti_nj 2005-02-05

打赏
举报

摇分

redondo520 2005-02-05

打赏
举报

偶页接分

orwell 2005-02-05

打赏
举报

这样也行，真是受教

baiyunfei 2005-02-05

打赏
举报

路过，接分

ahhisoft 2005-02-05

打赏
举报

mark

hackate 2005-02-05

打赏
举报

偶学习，偶也接分一下。。谢谢啦！

slhuang 2005-02-05

打赏
举报

学习。

fangzhou 2005-01-15

打赏
举报

自己解决了,加一个:overflow-x:hidden就可以了,谁来接分吧.

是是非非 2005-01-15

打赏
举报

接分来了

99percent 2005-01-15

打赏
举报

一、认识CSS样式 CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。如下列代码： p{ font-size:12px; color:red; font-weight:bold; } 使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一...