欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

子div高度适应固定父div_html/css_WEB-ITnose

程序员文章站 2022-06-04 13:27:59
...
本帖最后由 linshigong2013 于 2013-12-25 16:30:31 编辑 aaaa
aaaa
是动态变化的 div id=aaa 高度宽度是固定的
我想达到 无论 aaaa
aaaa
多少 div id=bbb 高度宽度自动适应
超出的部分 div id=bbb 的div出现横竖滚动条
目前我这个 父div出现滚动条 不是我想要的 大侠们帮我调调
aaaa
aaaa
aaaa
aaaa

回复讨论(解决方案)

你这 div id=bbb 高度宽度自动适应, 但超出的部分 div id=bbb 的div出现横竖滚动条,这很难实现吧,可以让超过aaa的高度后,aaa出现滚动条

把div id=bbb height:100%改成height:70px就是我想要的效果

但是这样就是写死了的了 不会根据aaaa
aaaa
多少自动变化了

你这 div id=bbb 高度宽度自动适应, 但超出的部分 div id=bbb 的div出现横竖滚动条,这很难实现吧,可以让超过aaa的高度后,aaa出现滚动条 把div id=bbb height:100%改成height:70px就是我想要的效果

但是这样就是写死了的了 不会根据aaaa
aaaa
多少自动变化了

呼叫高手 难道无法实现吗

#bbb{height:100%;width:100%;overflow:scroll;}


asdfasfsadfa
asdfasfsadfa
asdfasfsadfa
asdfasfsadfa
asdfasfsadfa
aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa
aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa
aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa
aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa
aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa
aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa
aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa
aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa

楼上俩位大哥 你们运行html代码了吗 没效果啊

楼上俩位大哥 你们运行html代码了吗 没效果啊

你表格的行高和列宽要用百分比设置,不然表格适应外部的高度了,你里面的元素还是固定的当然没有用

不好意思,看错你的要求了
按照你的要求的话只能是使用js计算aaaa
aaaa
的高度,然后再算出#bbb需要的高度

我怎么感觉没有理解到你的意思呢?

你的代码的显示是这样的。


看起来,跟你想要的结果是相同的,没有问题。

同时,我也试了下,你说把div=bbb的高度设置成70px的效果,相同的效果啊,没有什么区别啊。

你不会是想要让滚动条,都显示在页面初始化的时候吧,就算是你把高度设置成70px,在增加你的aaaa
之后,多加几个,bbb还是会跑到下面去了,既然要自适应,那现在的效果有什么问题。

或者是,我没有能理解你想要达到一个怎么样的效果。

楼上俩位大哥 你们运行html代码了吗 没效果啊


asdfasfsadfa
asdfasfsadfa
asdfasfsadfa
asdfasfsadfa
asdfasfsadfa
aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaa
aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa
aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa
aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa
aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa
aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa
aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa
aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa

chrome好的

我怎么感觉没有理解到你的意思呢?

你的代码的显示是这样的。


看起来,跟你想要的结果是相同的,没有问题。

同时,我也试了下,你说把div=bbb的高度设置成70px的效果,相同的效果啊,没有什么区别啊。

你不会是想要让滚动条,都显示在页面初始化的时候吧,就算是你把高度设置成70px,在增加你的aaaa
之后,多加几个,bbb还是会跑到下面去了,既然要自适应,那现在的效果有什么问题。

或者是,我没有能理解你想要达到一个怎么样的效果。

你截得图,是设置成70px的样子吧,我自己试过

你要的这个效果,在父元素高度一定的情况下,是不可能实现的

你再添加几个aaaa
试试。就算是70px,也不会显示横向的滚动条了。

如果你非要这样的效果,那就去用DIV的固定定位,去模拟吧,然后勇JS控制模拟出来的滚动条。

不过复杂度就会很高了。

看来只能是写死的height 不能通过某个属性来实现了 你截得图,是设置成70px的样子吧,我自己试过

你要的这个效果,在父元素高度一定的情况下,是不可能实现的

你再添加几个aaaa
试试。就算是70px,也不会显示横向的滚动条了。

如果你非要这样的效果,那就去用DIV的固定定位,去模拟吧,然后勇JS控制模拟出来的滚动条。

不过复杂度就会很高了。

你写死也不行啊

你说的aaaa
这个个数不定的,你再添加几个,还是用70px看看效果,还是和你现在的想要的效果不同的。

这个不是写死不写死的问题。