让多个 DIV 高度相同

向右看齐 2022-07-30 13:30 180阅读 0赞

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>

发表评论取消回复

表情：

评论列表（有 0 条评论，180人围观）

还没有评论，来说两句吧...

相关阅读

相关 div里嵌套iframe，让iframe及div高度一起随内容自适应高度问题

假设： Div ID为：A 宽度750 高度600 Iframe ID为 B 长和宽撑满 A Iframe里显示的是ht

深藏阁楼爱情的钟/ 2023年10月16日 22:00/ 0 赞/ 4 阅读

相关 div的高度为什么会比子元素多几个像素

例如： <div class="relative"> <img src="img/1_sign_in/ico_ckao.png" > <div

深碍√TFBOYSˉ_/ 2023年01月22日 14:57/ 0 赞/ 97 阅读

相关 CSS - 如何使得多个div容器高度保持动态一致 - 学习/实践

1.应用场景 <table> <tbody> <tr> <td>主要用于实现页面布局, 特别是列表块UI布局.</td> </tr> </tbod

灰太狼/ 2022年12月22日 09:22/ 0 赞/ 197 阅读

相关 vue div高度自适应

1.动态style绑定 <div :style="styObj"></div> 2.data定义 data(){ return{ s

浅浅的花香味﹌/ 2022年12月07日 01:25/ 0 赞/ 209 阅读

相关让多个 DIV 高度相同

html部分: <div> <ul> <li class="column"> <p>huhua

向右看齐/ 2022年07月30日 13:30/ 0 赞/ 181 阅读

相关 div 自适应高度自动填充剩余高度

概述：记录一下，别人已经写得比较好了，下次方便检索地址：[http://www.cnblogs.com/pangguoming/p/5695184.html][htt

深藏阁楼爱情的钟/ 2022年05月18日 04:53/ 0 赞/ 266 阅读

相关让div元素自适应浏览器屏幕高度

很多时候都需要让div或者其他标签元素自适应浏览器屏幕高度，比如左侧菜单高度自适应所以可以用window.innerHeight然后绑定到元素上面如图，我用vue，jq

た入场券/ 2022年05月11日 03:36/ 0 赞/ 1018 阅读

相关 Div 高度、滚动条距 Div 顶部偏移量、Div 中文档总高度

目录示例图说明编码示例回到顶/底部消息区自动滚动到底部 -------------------- 示例图说明 ![watermark_type_ZmF

﹏ヽ暗。殇╰゛Y/ 2022年04月13日 03:48/ 0 赞/ 258 阅读

相关 jq获取div的高度

//获取当前IDV的高度 function getHeight(ele)\{ $(ele).addClass("active\_cat");//增加样式 alert($

刺骨的言语ヽ痛彻心扉/ 2022年01月21日 12:07/ 0 赞/ 255 阅读

相关 div高度百分比

在用百分比的时候，一定要确定父亲节点的高度（宽度是同样的道理）；比如： <div id="div1"> <div id="div2"

缺乏、安全感/ 2021年09月10日 03:18/ 0 赞/ 414 阅读