css ,html文档中含有大篇幅的文字，使得超过浏览器窗口，此时浏览器窗口右侧出现滑动条
我将body设置了宽度和高度，如上图黑色框包含的区域。我不明白浏览器窗口和body区域的关系，我认为，浏览器右侧的滑动条应该在body区域的右侧上。有哪位大神知道的，给小...
我将body设置了宽度和高度，如上图黑色框包含的区域。我不明白浏览器窗口和body区域的关系，我认为，浏览器右侧的滑动条应该在body区域的右侧上。有哪位大神知道的，给小弟讲解下，不胜感激！
展开
3个回答
展开全部
这个问题很经典，首页了解一下html.body这两个标签是属于块标签，他会充满整个浏览器窗口，
<html></html> 这组标签是无法被定义内联标签和定义宽度高度的，而这个滚动条就是属于HTML标签，所以，浏览器窗口或滚动条与body没关系；
另外，楼上有朋友说得有点复杂，简单的说用CSS 控制你的滚动条出现的位置
html,body { width:100%; height:100%; overflow:hidden}
div { float:left; width:150px; height:100%; background:#6C9; overflow-y:scroll}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
亲，body外还有个标签html，你看看代码，是不是这个标签包含了所以的内容在里面，所以滚动条是不会根据你的body而改变的！html就是整个窗口，如果你需要把滚动条放到你的内容旁边的话，你可以用一个div来放内容，然后给这个div加滚动条就好了！
直接为div指定overflow属性为auto即可，但是必须指定div的高度，如下：
<div style="position:absolute; height:400px; overflow:auto">
</div>
如果要出现水平滚动条，则： overflow-x:auto
同理，垂直滚动条为： overflow-y:auto
如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative
例如：
<HTML>
<HEAD>
<TITLE>测试表格内的滚动条</TITLE>
</HEAD>
<BODY>
<table>
<tr>
<td>表格内的滚动条:</td>
<td>
<div id="wins"
style="position:absolute;height:200;width:200;overflow:auto;background:#EEEEEE;">
<p>pppppppppppppppppppppppppppppppppppppppppppppppppp </p>
<p>pppppppppppppppppppppppppppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
</div>
</td>
</tr>
<tr>
<td colspan="2" align="right">
<span onmouseover='scrollb=setInterval("wins.scrollLeft-=10",100)'
onmouseout=clearInterval(scrollb)>向左</span>
<span onmouseover='scrollb=setInterval("wins.scrollTop-=10",100)'
onmouseout=clearInterval(scrollb)>向上</span>
<span onmouseover='scrollb=setInterval("wins.scrollLeft+=10",100)'
onmouseout=clearInterval(scrollb)>向右</span>
<span onmouseover='scrollb=setInterval("wins.scrollTop+=10",100)'
onmouseout=clearInterval(scrollb)>向下</span>
</td>
</tr>
</table>
</BODY>
</HTML>
直接为div指定overflow属性为auto即可，但是必须指定div的高度，如下：
<div style="position:absolute; height:400px; overflow:auto">
</div>
如果要出现水平滚动条，则： overflow-x:auto
同理，垂直滚动条为： overflow-y:auto
如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative
例如：
<HTML>
<HEAD>
<TITLE>测试表格内的滚动条</TITLE>
</HEAD>
<BODY>
<table>
<tr>
<td>表格内的滚动条:</td>
<td>
<div id="wins"
style="position:absolute;height:200;width:200;overflow:auto;background:#EEEEEE;">
<p>pppppppppppppppppppppppppppppppppppppppppppppppppp </p>
<p>pppppppppppppppppppppppppppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
</div>
</td>
</tr>
<tr>
<td colspan="2" align="right">
<span onmouseover='scrollb=setInterval("wins.scrollLeft-=10",100)'
onmouseout=clearInterval(scrollb)>向左</span>
<span onmouseover='scrollb=setInterval("wins.scrollTop-=10",100)'
onmouseout=clearInterval(scrollb)>向上</span>
<span onmouseover='scrollb=setInterval("wins.scrollLeft+=10",100)'
onmouseout=clearInterval(scrollb)>向右</span>
<span onmouseover='scrollb=setInterval("wins.scrollTop+=10",100)'
onmouseout=clearInterval(scrollb)>向下</span>
</td>
</tr>
</table>
</BODY>
</HTML>
追问
感谢您的解答，懂了一点，尚有留有一疑问，您说html就是整个窗口，我对body添加背景色，还是上面那个指定大小的body，背景色却铺满这个浏览器窗口，这是什么道理呢？在线等您。
追答
额，body的大小只能控制内容，如果是背景，那么就是全屏的背景了，所以不要用body来控制，一般都是用一个body里面加个div来控制所有内容！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
BODY就是浏览器的显示区域。
你想它不出现滚动条，可以overflow:hidden;就可以隐藏溢出的内容。
你想它不出现滚动条，可以overflow:hidden;就可以隐藏溢出的内容。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
