子div高度适应固定父div_html/css_WEB-ITnose
aaaa
是动态变化的 div id=aaa 高度宽度是固定的
我想达到 无论 aaaa
aaaa
多少 div id=bbb 高度宽度自动适应
超出的部分 div id=bbb 的div出现横竖滚动条
目前我这个 父div出现滚动条 不是我想要的 大侠们帮我调调
回复讨论(解决方案)
你这 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;}
楼上俩位大哥 你们运行html代码了吗 没效果啊
楼上俩位大哥 你们运行html代码了吗 没效果啊
你表格的行高和列宽要用百分比设置,不然表格适应外部的高度了,你里面的元素还是固定的当然没有用
不好意思,看错你的要求了
按照你的要求的话只能是使用js计算aaaa
aaaa
的高度,然后再算出#bbb需要的高度
我怎么感觉没有理解到你的意思呢?
你的代码的显示是这样的。
看起来,跟你想要的结果是相同的,没有问题。
同时,我也试了下,你说把div=bbb的高度设置成70px的效果,相同的效果啊,没有什么区别啊。
你不会是想要让滚动条,都显示在页面初始化的时候吧,就算是你把高度设置成70px,在增加你的aaaa
之后,多加几个,bbb还是会跑到下面去了,既然要自适应,那现在的效果有什么问题。
或者是,我没有能理解你想要达到一个怎么样的效果。
楼上俩位大哥 你们运行html代码了吗 没效果啊
chrome好的
我怎么感觉没有理解到你的意思呢?
你的代码的显示是这样的。
看起来,跟你想要的结果是相同的,没有问题。
同时,我也试了下,你说把div=bbb的高度设置成70px的效果,相同的效果啊,没有什么区别啊。
你不会是想要让滚动条,都显示在页面初始化的时候吧,就算是你把高度设置成70px,在增加你的aaaa
之后,多加几个,bbb还是会跑到下面去了,既然要自适应,那现在的效果有什么问题。
或者是,我没有能理解你想要达到一个怎么样的效果。
你截得图,是设置成70px的样子吧,我自己试过
你要的这个效果,在父元素高度一定的情况下,是不可能实现的
你再添加几个aaaa
试试。就算是70px,也不会显示横向的滚动条了。
如果你非要这样的效果,那就去用DIV的固定定位,去模拟吧,然后勇JS控制模拟出来的滚动条。
不过复杂度就会很高了。
看来只能是写死的height 不能通过某个属性来实现了 你截得图,是设置成70px的样子吧,我自己试过
你要的这个效果,在父元素高度一定的情况下,是不可能实现的
你再添加几个aaaa
试试。就算是70px,也不会显示横向的滚动条了。
如果你非要这样的效果,那就去用DIV的固定定位,去模拟吧,然后勇JS控制模拟出来的滚动条。
不过复杂度就会很高了。
你写死也不行啊
你说的aaaa
这个个数不定的,你再添加几个,还是用70px看看效果,还是和你现在的想要的效果不同的。
这个不是写死不写死的问题。
推荐阅读
-
父div高度不能自适应子div高度的解决方案
-
父页面iframe高度自动适应子页面iframe高度_html/css_WEB-ITnose
-
子div高度适应固定父div_html/css_WEB-ITnose
-
在线急等IE6下子div调整高度就撑破父div 但子DIV高度比父小挺多_html/css_WEB-ITnose
-
div高度一个自适应,一个固定如何实现_html/css_WEB-ITnose
-
在线急等IE6下子div调整高度就撑破父div 但子DIV高度比父小挺多_html/css_WEB-ITnose
-
div高度一个自适应,一个固定如何实现_html/css_WEB-ITnose
-
div+css 左右两列自适应高度 ,以及父级div也跟着自适应子级的高度(兼容各大浏览器)_html/css_WEB-ITnose
-
【Web前端】CSS 子div设置float之后父div无法自适应高度问题_html/css_WEB-ITnose
-
div+css 左右两列自适应高度 ,以及父级div也跟着自适应子级的高度(兼容各大浏览器)_html/css_WEB-ITnose