div布局问题

来源：百度知道 编辑：UC知道 时间：2024/06/22 01:32:09
<div style="height:200px;">
<div style="height:100%;overflow-y:auto;"></div>
</div>
怎样才可以让内div大于200px的时候,不撑大外div(),而是内div显示滚动条?
一楼请先看清问题,我是要里面的div显示滚动条而不是外面的div~~~~

先谢谢两位的回答,不过
可能我没把问题说清楚,如果我是可以确定里面的div的高度的,那这个问题就很好解决,问题是我要用百分比~~~,不然的话,外层调整大小了,我还得跟着改内层的div,如果内层的div有N个,那控制太麻烦了

<div style="width:100%;height:200px;overflow:auto;">
<div style="height:1000px;"></div>
</div>

里面的div改成这样：<div style="height:200px; word-break:break-all; overflow-y:auto; width:100px">
宽度你自己改成你需要的

现在你的布局就是你要的结果啊~

里面的高度超过200PX不撑开大DIV，并出现滚动条~

1.首先要先设置下范围:height: 300px;width: 200px;
2.先设置overflow: scroll; 意思是溢出后出现滚动条.
3.然后设置隐藏某个轴,overflow-x: hidden;意思代表隐藏x轴(就是横向的滚动条隐藏)
把下边代码复制写到html里就会看到效果如图.

<style type="text/css">
<!--

#a {
overflow: scroll;
overflow-x: hidden;
height: 300px;
width: 200px;
}
-->
</style>

<div id="a">
aaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaa这aaaaaaaaaaaa
aaaaaaaaaa里aaaaaaaaaaaa
aaaaaaaaaa测aaaaaaaaaaaa
aaaaaaaaaa试aaaaaaaaaaaa
aaaaaaaaaaXaaaaaaaaaaaaa
aaaaaaaaaa轴