怎样使子div自适应父div的大小

如题所述

1、可以在每个图表的setOption后添加window.addEventListener('resize', function () {myChart.resize();}

2、如果上述办法不行的话,你可以通过window.onresize = function() { ..... }来进行调节。

3、但是window.onresize = function() { ..... }图表只能根据窗体的大小变化。

4、[removed][removed] $(".index_m").resize(function(){echarts.init(document.getElementById('imeter_1')).resize(); } 之后图表便可以根据div的变化来自适应。

5、如图所示即完成了自适应。

温馨提示:内容为网友见解,仅供参考
第1个回答  2019-07-22

1、作为外部容器的边框为红色的DIV,没有被撑开。这是因为内部的DIV因为float:left之后,就丢失了clear:both和display:block的样式,所以外部的DIV不会被撑开。

2、在容器DIV内要显示出来的float:left的所有的DIV之后,我们添加了这样的一个DIV:<div style="clear:both"></div>  。

3、在用dojo做Drag & Drop的时候,由于这个DIV是容器DIV的一个字节点,如果这个节点被移动,则会造成排版上的Bug。

4、要显示的蓝框的DIV被移到这个DIV之后,则因为clear:both,它会被强制换一行显示。

5、修改原来的HTML代码,让外部的容器DIV来使用这个CSS。

本回答被网友采纳
第2个回答  2017-11-16
在默认情况下(没有设置浮动或定位时),子级div元素本身宽度就是占满父级宽度的100%的。
如果还希望让子级div的高度占满父级,那么为子级div增加“height: 100%”的样式即可(前提是你的父级div存在固定高度)本回答被网友采纳

怎样使子div自适应父div的大小
1、可以在每个图表的setOption后添加window.addEventListener('resize', function () {myChart.resize();} 2、如果上述办法不行的话,你可以通过window.onresize = function() { ... }来进行调节。3、但是window.onresize = function() { ... }图表只能根据窗体的大小变化。4、[removed][removed] ...

如何让div高度自适应
1、增加一个清除浮动,让父容器知道高度;2、增加一个容器,在代码中存在,但在视觉中不可见;3、增加一个BR并设置样式为clear:both;4、设置一个足够高的高度,并在父级元素中清除溢出的部分。

css怎么使一个div的高随另一个div的高的变化而变化,还有就是怎么使第...
右边的div高度你可以用一点js和jquery来控制,比如你用$("#divLeft").css("height")来获取左边的高度,然后把这个值设给右边就可以实现实时变化了,因为我知道你这个forum的话是左边可能变化比较大,然后右边要随着左边的变化来适应,当然float也要设置为left;(此处要保证你的左div和右div的宽度之和...

div中两边的div固定,中间的让他自动,如何调节
???鲜强孔蟮模 补充: DIV高度自适应比较麻烦,你可以设置DIV元素的属性,padding-bottom:-10000px;margin-bottom:10000px实现,一个正值,一个负值,刚好抵消。但是这个必须设置父容器overflow:hidden否则在FF下,会出现页面很长的问题。文字左右对其,同一行,表格两列是最好的,分别用align left right...

div如何自适应屏幕div自适应屏幕宽度
div如何自动调整位置?根据内容自动调整div有三种方式,分别是:首先,添加一个清晰的浮动来让父容器知道高度。注意,容器中有一个空单元格清除了浮动。Html代码如下所示:明确:两者都有;显示:block 第二,添加一个存在于代码中,但在视图中不可见的容器。Html代码如下所示:明确:两者都有;溢出:隐藏;"...

如何让DIV随着其他DIV的高度增加而高度自动增长
父级div的高度可以随着子级div的高度增长而增长,这个最基本的情况你应该是清楚的 我想你问的问题应该是同级的div高度自适应,也就是比如平级的2个div高度自动伸展 这个效果我可以推荐你3个方法 1、使用table布局,2个平行的td高度是自动一样的 2、左右2个div不必一定要做成独立的2个平级div,可以把...

如何给div设置最小宽度,如果超出宽度自适应
一个div容器,如果给这个容器设置一个最小宽度,如果内容没有超出就是这个最小宽度,如果超出了容器就会自动适应内容的宽度

如何设置div的宽高自适应屏幕大小
如果你想这两个DIV之间有间距,那么就设置宽度为48%就行,具体自己把握,然后设置左边的DIV左浮动,右边的DIV右浮动即可。高度是可以设置固定像素的,比如一个div的宽度为48%,高度为50px都行的,可以混用,只要记住使用百分比定义宽高长度就要设置对应的body的宽高为100%就行了 ...

CSS 的设置 div子节点怎么自适应 父节点的高度呢 父节点没有设置高度值...
如果某个div设置了高度,你可以获取这个div的高度,然后可以把这个高度给任意一个div赋值。var height_num=document.getElementById("divID").height;var object_div=document.getElementById("childDiv");object_div.height=height_num;

里面的div怎么撑开外面的div让高度自适应
1、增加一个清除浮动,让父容器知道高度。请注意,清除浮动的容器中有一个空格。<div id="main"> <div id="content"><\/div> <div style="font: 0px\/0px sans-serif;clear: both;display: block"> <\/div> <\/div> 2、增加一个容器,在代码中存在,但在视觉中不可见。<div id="main">...

相似回答