Demo-примеры сайта dnzl.ru - Равные по высоте колонки. Метод на jQuery

Перейти обратно к статье Два метода создать равные по высоте колонки. 1-й метод на CSS, 2-й на jQuery

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur elementum nulla ac libero faucibus a malesuada nulla tristique. Aenean mi mauris, semper ac eleifend non, mattis mollis ligula. Proin euismod, felis nec porta consectetur, augue risus rhoncus justo, vel viverra lacus augue sit amet felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam pharetra urna id laoreet. Morbi ut nisl non sapien convallis accumsan. Fusce sit amet ligula in nisi dictum suscipit. Morbi tellus felis, venenatis nec ultrices a, laoreet a augue. Praesent vestibulum justo at quam viverra nec varius nulla pulvinar. Phasellus at lacus nisi, vel elementum tortor. Cras non felis purus. Vestibulum gravida, risus quis mattis mattis, sem diam consectetur erat, eget tempus quam est quis ipsum. Nam placerat cursus metus a posuere. Nunc vel dui vitae mi facilisis pharetra. Duis vitae adipiscing ante. Nam adipiscing, odio sed semper mattis, nibh tellus ullamcorper velit, sed dictum nibh leo vitae elit. Quisque gravida, turpis a laoreet blandit, libero ipsum sagittis lacus, condimentum tincidunt enim purus ac neque. Ut vitae nisi non felis pellentesque luctus. Aenean accumsan, leo sit amet accumsan tristique, quam nibh bibendum augue, ut elementum arcu odio id massa. Integer eu felis dui. Maecenas nisl orci, semper et accumsan in, euismod in risus. Nam ullamcorper neque at dui commodo gravida. Nunc gravida ultricies elit, ac porttitor dolor viverra a. Maecenas id justo nisl, quis vulputate dolor. Nam rutrum neque eu magna fermentum ultricies. Duis eleifend molestie facilisis. Sed vitae ante vitae nunc malesuada hendrerit. Mauris faucibus condimentum elementum. Quisque condimentum purus in diam vulputate convallis. Nunc dolor eros, porta vitae ullamcorper sit amet, adipiscing non augue. Vestibulum nunc augue, viverra sit amet egestas ac, tempus vel orci. Maecenas metus urna, blandit vel fringilla ut, tincidunt a lectus. Sed a lorem in sapien pretium luctus. Donec lectus elit, aliquet at ultrices in, feugiat in elit. Etiam odio ipsum, aliquet a sagittis sed, sodales quis augue. Proin commodo quam in ligula aliquam sed pulvinar erat consectetur. Cras euismod massa ac nunc molestie malesuada. Suspendisse in rhoncus erat. Donec egestas, nulla vestibulum porta pulvinar, dui dui laoreet quam, vel vehicula sem nunc at ante. Mauris nibh purus, vestibulum sit amet luctus quis, venenatis quis eros. Aliquam erat volutpat. Praesent dictum sagittis purus, eget porttitor est cursus eu. Nulla pellentesque interdum sodales. Curabitur eget elit vel erat facilisis feugiat placerat et turpis. Fusce vulputate faucibus nulla, eu venenatis eros cursus vel. Duis risus justo, vulputate in congue vitae, blandit a tortor. Praesent ac odio augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur elementum nulla ac libero faucibus a malesuada nulla tristique. Aenean mi mauris, semper ac eleifend non, mattis mollis ligula. Proin euismod, felis nec porta consectetur, augue risus rhoncus justo, vel viverra lacus augue sit amet felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam pharetra urna id laoreet. Morbi ut nisl non sapien convallis accumsan. Fusce sit amet ligula in nisi dictum suscipit. Morbi tellus felis, venenatis nec ultrices a, laoreet a augue. Praesent vestibulum justo at quam viverra nec varius nulla pulvinar. Phasellus at lacus nisi, vel elementum tortor. Cras non felis purus. Vestibulum gravida, risus quis mattis mattis, sem diam consectetur erat, eget tempus quam est quis ipsum. Nam placerat cursus metus a posuere. Nunc vel dui vitae mi facilisis pharetra. Duis vitae adipiscing ante. Nam adipiscing, odio sed semper mattis, nibh tellus ullamcorper velit, sed dictum nibh leo vitae elit. Quisque gravida, turpis a laoreet blandit, libero ipsum sagittis lacus, condimentum tincidunt enim purus ac neque. Ut vitae nisi non felis pellentesque luctus. Aenean accumsan, leo sit amet accumsan tristique, quam nibh bibendum augue, ut elementum arcu odio id massa. Integer eu felis dui. Maecenas nisl orci, semper et accumsan in, euismod in risus. Nam ullamcorper neque at dui commodo gravida. Nunc gravida ultricies elit, ac porttitor dolor viverra a. Maecenas id justo nisl, quis vulputate dolor. Nam rutrum neque eu magna fermentum ultricies. Duis eleifend molestie facilisis. Duis vitae adipiscing ante. Nam adipiscing, odio sed semper mattis, nibh tellus ullamcorper velit, sed dictum nibh leo vitae elit. Quisque gravida, turpis a laoreet blandit, libero ipsum sagittis lacus, condimentum tincidunt enim purus ac neque. Ut vitae nisi non felis pellentesque luctus. Aenean accumsan, leo sit amet accumsan tristique, quam nibh bibendum augue, ut elementum arcu odio id massa. Integer eu felis dui. Maecenas nisl orci, semper et accumsan in, euismod in risus. Nam ullamcorper neque at dui commodo gravida. Nunc gravida ultricies elit, ac porttitor dolor viverra a. Maecenas id justo nisl, quis vulputate dolor. Nam rutrum neque eu magna fermentum ultricies. Duis eleifend molestie facilisis. Sed vitae ante vitae nunc malesuada hendrerit. Mauris faucibus condimentum elementum. Quisque condimentum purus in diam vulputate convallis. Nunc dolor eros, porta vitae ullamcorper sit amet, adipiscing non augue. Vestibulum nunc augue, viverra sit amet egestas ac, tempus vel orci. Maecenas metus urna, blandit vel fringilla ut, tincidunt a lectus. Sed a lorem in sapien pretium luctus. Donec lectus elit, aliquet at ultrices in, feugiat in elit. Etiam odio ipsum, aliquet a sagittis sed, sodales quis augue. Proin commodo quam in ligula aliquam sed pulvinar erat consectetur. Cras euismod massa ac nunc molestie malesuada. Suspendisse in rhoncus erat. Donec egestas, nulla vestibulum porta pulvinar, dui dui laoreet quam, vel vehicula sem nunc at ante. Mauris nibh purus, vestibulum sit amet luctus quis, venenatis quis eros. Aliquam erat volutpat. Praesent dictum sagittis purus, eget porttitor est cursus eu. Nulla pellentesque interdum sodales. Curabitur eget elit vel erat facilisis feugiat placerat et turpis. Fusce vulputate faucibus nulla, eu venenatis eros cursus vel. Duis risus justo, vulputate in congue vitae, blandit a tortor. Praesent ac odio augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur elementum nulla ac libero faucibus a malesuada nulla tristique. Aenean mi mauris, semper ac eleifend non, mattis mollis ligula. Proin euismod, felis nec porta consectetur, augue risus rhoncus justo, vel viverra lacus augue sit amet felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam pharetra urna id laoreet. Morbi ut nisl non sapien convallis accumsan. Fusce sit amet ligula in nisi dictum suscipit. Morbi tellus felis, venenatis nec ultrices a, laoreet a augue. Praesent vestibulum justo at quam viverra nec varius nulla pulvinar. Phasellus at lacus nisi, vel elementum tortor. Cras non felis purus. Vestibulum gravida, risus quis mattis mattis, sem diam consectetur erat, eget tempus quam est quis ipsum. Nam placerat cursus metus a posuere. Nunc vel dui vitae mi facilisis pharetra. Duis vitae adipiscing ante. Nam adipiscing, odio sed semper mattis, nibh tellus ullamcorper velit, sed dictum nibh leo vitae elit. Quisque gravida, turpis a laoreet blandit, libero ipsum sagittis lacus, condimentum tincidunt enim purus ac neque. Ut vitae nisi non felis pellentesque luctus. Aenean accumsan, leo sit amet accumsan tristique, quam nibh bibendum augue, ut elementum arcu odio id massa. Integer eu felis dui. Maecenas nisl orci, semper et accumsan in, euismod in risus. Nam ullamcorper neque at dui commodo gravida. Nunc gravida ultricies elit, ac porttitor dolor viverra a. Maecenas id justo nisl, quis vulputate dolor. Nam rutrum neque eu magna fermentum ultricies. Duis eleifend molestie facilisis. Sed vitae ante vitae nunc malesuada hendrerit. Mauris faucibus condimentum elementum. Quisque condimentum purus in diam vulputate convallis. Nunc dolor eros, porta vitae ullamcorper sit amet, adipiscing non augue. Vestibulum nunc augue, viverra sit amet egestas ac, tempus vel orci. Maecenas metus urna, blandit vel fringilla ut, tincidunt a lectus. Sed a lorem in sapien pretium luctus. Donec lectus elit, aliquet at ultrices in, feugiat in elit. Etiam odio ipsum, aliquet a sagittis sed, sodales quis augue. Proin commodo quam in ligula aliquam sed pulvinar erat consectetur. Cras euismod massa ac nunc molestie malesuada. Suspendisse in rhoncus erat. Donec egestas, nulla vestibulum porta pulvinar, dui dui laoreet quam, vel vehicula sem nunc at ante. Mauris nibh purus, vestibulum sit amet luctus quis, venenatis quis eros. Aliquam erat volutpat. Praesent dictum sagittis purus, eget porttitor est cursus eu. Nulla pellentesque interdum sodales. Curabitur eget elit vel erat facilisis feugiat placerat et turpis. Fusce vulputate faucibus nulla, eu venenatis eros cursus vel. Duis risus justo, vulputate in congue vitae, blandit a tortor. Praesent ac odio augue.