html部分:
<div> <ul> <li class="column"> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> </li> <li class="column"> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> </li> <li class="column"> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> </li> <li class="column"> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> </li> <li class="column"> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> </li> </ul> </div>css部分:
<style type="text/css"> .column{ float: left; width: 15%; border: 1px solid blue; } .column p{ height:100px; } </style>js部分:
<script type="text/javascript"> var $columns = $('.column'); var height = 0; $columns.each(function () { if ($(this).height() > height) { height = $(this).height(); } }); $columns.height(height); </script>