DIV设定波动后没法撑开外界DIV的处理方法

2021-01-20 13:42 jianzhan

当DIV1里边嵌套循环有1个DIV2,当DIV2设定了波动,那末DIV1是没法被撑开的,也便是说DIV2在这里非常于浮在了网页页面上方,跟DIV1不在同1个层面,致使了DIV2没法把DIV1给撑开,这是1个老调重弹的难题,也是困扰许多刚触碰DIV+CSS的盆友的1个难题。

先看来看这个难题的具体实际效果

这里原本DIV1是套在了DIV2的外面的,假如是应用报表做的话,那末DIV1毫无疑问被撑开了,实际效果应当是以下所示

那怎样处理这个波动了以后没法把器皿撑开的局势呢?处理的方式这里详细介绍2仲。

第1种:在波动完毕的器皿后边再加这段编码

<div style=”clear:both;”></div>

意思是消除波动。

第2种:出外层DIV,也便是这里的DIV1的CSS里边添加下列CSS编码

overflow: auto;

这2种方式都可以以完成DIV2把DIV1撑开。但是这里提议大伙儿应用第1种方式,要培养1个习惯性,在波动运用完后清除波动,这样后边的DIV就不容易承继这个波动(就像在程序编写的情况下,在开启数据信息库,实际操作完后,要培养个习惯性在后边把数据信息库关掉)。也便是说波动这个物品会被承继,除非清除这个波动,才不容易让后边接着的DIV遭受承继。实际上不但是DIV,别的的像P等别的的器皿都会有承继的效用,大伙儿要培养1个习惯性记得要清除波动。