做了框架网页，如何不显示水平滚动条，而垂直滚动条自动显示

做了框架网页，现在想不显示水平滚动条，而垂直滚动条自动显示，试了几个方法，style="overflow-x:hidden;overflow-y:auto"都没有效果，不... 做了框架网页，现在想不显示水平滚动条，而垂直滚动条自动显示，试了几个方法，style="overflow-x:hidden;overflow-y:auto"都没有效果，不知道如何实现，求帮助。
感谢大家的回答，首先我的页面没有超过边界值，左边是200px宽，右边是100%的。
另外对于 cougar666的回答，我是在page1.html中定义body的属性，frameset1.html
中如果scrolling="yes"，就左右上下都有滚动条了，如果scrolling="no"，就都没有，总之在page1.html中设置的style="overflow-x:hidden;overflow-y:auto"没有用。

cougar666:你好，太谢谢你了！

我照你的做了，在frameset1.html中写成<frame src="page1.html" name="leftFrame" id="leftFrame" title="leftFrame" />这样，
在page1.html页面中这样定义的<body style="overflow-x:hidden;overflow-y:auto">，也没有用，水平垂直都显示出来了，你是怎么做到了呀。 展开
 我来答
3个回答
#热议# 不吃早饭真的会得胆结石吗？
百度网友c7bfce66e
推荐于2017-09-30 · TA获得超过660个赞
知道小有建树答主
回答量：185
采纳率：0%
帮助的人：0
我也去答题访问个人页
展开全部
overflow-x:hidden;overflow-y:auto是可以的，如果将它定义在框架页面内可能是不能显示的。

你没有看到效果可能是由于设置的位置不对吧。

举个例子，比如我定义了一个左右两栏的框架页面，想让左侧的水平滚动条不显示，垂直滚动条显示，那就必须在左侧页面的内容中定义

body {
overflow-x:hidden;
}

更详细的结构是这样的：

框架页面是frameset1.html
它包含的左侧的页面名为page1.html，右侧的页面名为page2.html，想让左侧的页面不显示横向滚动条就要在page1.html中定义body的属性，而不能再frameset1.html中定义。

============
第一次补充：

你的frameset1.html代码是不是这样???

<frameset cols="*,*" frameborder="no" border="0" framespacing="0">
<frame src="page1.html" name="leftFrame" id="leftFrame" title="leftFrame" scrolling="yes" />
<frame src="page2.html" name="mainFrame" id="mainFrame" title="mainFrame" scrolling="yes" />
</frameset>

在下面的<frame src="page1.html"....中去掉scrolling="yes"，直接就写 <frame src="page1.html" name="leftFrame" id="leftFrame" title="leftFrame" />
然后再在page1.html定义overflow-x:hidden，应该可以。我这里没有问题。
==============
给你我的源代码吧，你试试看。

frameset1.html代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<frameset cols="200,*" frameborder="no" border="0" framespacing="0">
<frame src="page1.html" name="leftFrame" id="leftFrame" title="leftFrame" />
<frame src="page2.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>

page1.html代码
<!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>
<style type="text/css">
<!--
body {
background:#333;
overflow-x:hidden;
}
* html {
overflow-x:hidden;
}
-->
</style>
</head>

<body>
<table width="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

</body>
</html>

page2.html代码

<!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>
</head>

<body>
sadsadsadsa
</body>
</html>

将它们放在同一个文件夹。
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
海金刚俊杰
2019-12-13 · TA获得超过3610个赞
知道大有可为答主
回答量：3049
采纳率：30%
帮助的人：237万
我也去答题访问个人页
展开全部
overflow-x:hidden;overflow-y:auto是可以的，如果将它定义在框架页面内可能是不能显示的。
你没有看到效果可能是由于设置的位置不对吧。
举个例子，比如我定义了一个左右两栏的框架页面，想让左侧的水平滚动条不显示，垂直滚动条显示，那就必须在左侧页面的内容中定义
body
{
overflow-x:hidden;
}
更详细的结构是这样的：
框架页面是frameset1.html
它包含的左侧的页面名为page1.html，右侧的页面名为page2.html，想让左侧的页面不显示横向滚动条就要在page1.html中定义body的属性，而不能再frameset1.html中定义。
============
第一次补充：
你的frameset1.html代码是不是这样???
<frameset
cols="*,*"
frameborder="no"
border="0"
framespacing="0">
<frame
src="page1.html"
name="leftFrame"
id="leftFrame"
title="leftFrame"
scrolling="yes"
/>
<frame
src="page2.html"
name="mainFrame"
id="mainFrame"
title="mainFrame"
scrolling="yes"
/>
</frameset>
在下面的<frame
src="page1.html"....中去掉scrolling="yes"，直接就写
<frame
src="page1.html"
name="leftFrame"
id="leftFrame"
title="leftFrame"
/>
然后再在page1.html定义overflow-x:hidden，应该可以。我这里没有问题。
==============
给你我的源代码吧，你试试看。
frameset1.html代码
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=utf-8"
/>
<title>无标题文档</title>
</head>
<frameset
cols="200,*"
frameborder="no"
border="0"
framespacing="0">
<frame
src="page1.html"
name="leftFrame"
id="leftFrame"
title="leftFrame"
/>
<frame
src="page2.html"
name="mainFrame"
id="mainFrame"
title="mainFrame"
/>
</frameset>
<noframes><body>
</body>
</noframes></html>
page1.html代码
<!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>
<style
type="text/css">
<!--
body
{
background:#333;
overflow-x:hidden;
}
*
html
{
overflow-x:hidden;
}
-->
</style>
</head>
<body>
<table
width="500"
border="0"
cellpadding="0"
cellspacing="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
page2.html代码
<!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>
</head>
<body>
sadsadsadsa
</body>
</html>
将它们放在同一个文件夹。
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
百度网友0a459fe
2010-03-29 · TA获得超过104个赞
知道小有建树答主
回答量：190
采纳率：0%
帮助的人：107万
我也去答题访问个人页
展开全部
全局宽设置逾界了..
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
收起 更多回答（1）
推荐律师服务： 若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

为你推荐：

下载百度知道APP，抢鲜体验
使用百度知道APP，立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

京ICP证030173号-1   京网文【2023】1034-029号     ©2024Baidu  使用百度前必读 | 知道协议 | 企业推广

辅 助

模 式