让多个 DIV 高度相同

向右看齐 2022-07-30 13:30 200阅读 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 条评论，200人围观）

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

相关阅读

相关让Div在IE和Firefox下自适应高度

让Div在IE和Firefox下自适应高度做一个浏览器兼容的项目老是遇到这样的问题！把这个解决方法记下来：之前遇到Div不自适应高度解决的办法就是在最底下加多个空的Di

川长思鸟来/ 2024年02月18日 14:33/ 0 赞/ 69 阅读

相关 DIV+CSS布局问题，让两个DIV标签并排

假设 apDiv1是外面的层，apDiv2，apDiv3是里面的，给apDiv2，apDiv3 设置浮动为左就可以了，还有当apDiv2的宽度加上a

小鱼儿/ 2023年10月16日 22:04/ 0 赞/ 41 阅读

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

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

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

相关 js改变div高度

用bootsrap响应式布局的时候，遇到个很恶心的问题：左边栏很短很难看！！ ![1078922-20170122224248832-694241994.png][] 于是

野性酷女/ 2023年06月02日 05:21/ 0 赞/ 101 阅读

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

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

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

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

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

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

相关让多个 DIV 高度相同

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

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

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

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

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

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

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

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

相关 div高度百分比

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

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