等高布局（一）

　　某公司上级考试题，当时做的时候，思想很简单，不过想了半天还是做出来了。回家以后，由于不敢心就这解出来了而奋力研究。还算研究的比较透彻，下面就是我的研究结果，分享给大家，希望能对大家有所帮助。

　　题目是，最外面300的宽度，头部和底部高度都是100，中间左中右三部分宽度是100。边框是5像素宽的黑色。左中右三部分的高度为三个中最高的。(如下图)

　　题目考点：

　　1、标准的布局的写法

　　2、边框的宽度和实际元素宽度的关系

　　3、怎么让英文文本换行

　　4、左中右三部分的高度为三个中最高的

题目分析及代码：

　　1、标准布局(HTML代码)

window.onload = function  () {var oDiv = document.getElementById("oDiv");var oDivSection = oDiv.getElementsByTagName("div");var oArr = [];for (var i=0; i<oDivSection.length; i++) {oArr[i] = oDivSection[i].clientHeight;}oArr.sort(function(a,b){return b-a;});for (var i=0; i<oDivSection.length; i++) {oDivSection[i].style.height= oArr[0] + 'px';}};

　　以上便是我为大家分享的今天面试的全部内容了，上面有解答的答案也有思路更有考点。上述内容都是我个人观点哟，你若有想说的就在下面留言吧，期待与你的交流哟。