最近在项◎目中碰到□□□一个头痛□□的问题，一时不好□□□□解决，想了很多◆办法，最后通过□□自己的实□□□□践，摸索出了□□□两种解决□□□方案。先来看看◆案例，一般情况□□□下要使两□□个div盒子等高，就只要设□□□□置两个高□□度一样就□□□□行了，可在实际□□□□项目中，很多时候□□□不一样，就比如说，左边盒子□□□的内容是□□固定好的□□年份2018，右边盒子□□是这年里◎发布的新□□□□闻，而这年里□□□□发布的新□□□闻数量是□□□□不固定，有可能增□□□加或删减，所以高度▼就不能固□□□□定，实际高度·只能靠内□□容撑开。如下图：
图1：

html代码如下：
图2：

图1左边盒子□□和右边盒▼子都分别☆设置了左□□□浮动和右□□浮动、背景颜色、宽度，这样明显□□□看出，两边的高□□□度不一样，一开始我❖设置左边□□□盒子高度100%，可一点用□□□都没有，后来苦思□□冥想，想到了css属性定位（position），瞬间就打□□□□开了我的★思路。
css代码如下：
图3：

结果：
图4：

从图4可以看出□□□成功了，左边盒子•的高度和□□□□右边盒子✦的高度是□□一样的，可难道就▽只有这一◈种方法吗？我又进入□□□□了苦思冥□□□想中，终于我想□□□□到使用js方法。
在使用js 方法时我□□□也进入了□□□□误区，想着获取□□□右边盒子□□□□的高度赋✦予左边盒□□□□子就行了，可后来想□□□□到左边盒□□子年份不□□□□止一个，而是很多□□个，而右边内□□□容盒子每□□□□个高度都□□□不一样，就要分别○赋值，这样来不□□□□是很麻烦□□吗？还不如使□□用css定位简单，在我慢慢□□摸索中想□□到了for循环，这下解决□□□□了，废话不多□□□说直接上□□□图。
图5：

结果成功了，我就不上图了。

作者：J9国际集团技术严成