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

Question

如题所述

Answer 1

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、如图所示即完成了自适应。

Answer 2

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。

本回答被网友采纳

Answer 3

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