最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

子div高度适应固定父div_html/css

来源:懂视网 责编:小采 时间:2020-11-27 15:43:37
文档

子div高度适应固定父div_html/css

子div高度适应固定父div_html/css_WEB-ITnose:本帖最后由 linshigong2013 于 2013-12-25 16:30:31 编辑 aaaaaaaa 是动态变化的 div id=aaa 高度宽度是固定的 我想达到 无论 aaaaaaaa 多少 div id=bbb 高度宽度自动适应 超出的部分 div id=bbb 的div出现横竖滚动条 目前我这个 父
推荐度:
导读子div高度适应固定父div_html/css_WEB-ITnose:本帖最后由 linshigong2013 于 2013-12-25 16:30:31 编辑 aaaaaaaa 是动态变化的 div id=aaa 高度宽度是固定的 我想达到 无论 aaaaaaaa 多少 div id=bbb 高度宽度自动适应 超出的部分 div id=bbb 的div出现横竖滚动条 目前我这个 父

本帖最后由 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
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

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

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

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

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

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

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


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

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

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

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

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

asdfasfsadfa
asdfasfsadfa
asdfasfsadfa
asdfasfsadfa
asdfasfsadfa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

chrome好的

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

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


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

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

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

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

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

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

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

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

不过复杂度就会很高了。

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

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

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

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

不过复杂度就会很高了。

你写死也不行啊

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

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

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

子div高度适应固定父div_html/css

子div高度适应固定父div_html/css_WEB-ITnose:本帖最后由 linshigong2013 于 2013-12-25 16:30:31 编辑 aaaaaaaa 是动态变化的 div id=aaa 高度宽度是固定的 我想达到 无论 aaaaaaaa 多少 div id=bbb 高度宽度自动适应 超出的部分 div id=bbb 的div出现横竖滚动条 目前我这个 父
推荐度:
标签: it 固定 高度
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top