效果展示：

源码展示:

<!doctype html>
<html>
<head><meta charset="utf-8"><title>css实现多个div自适应高度（一样高）</title><style>.box-block {display: table;width: 100%;}.box-block div {display: table-cell;word-wrap: break-word;width: 33.33%;text-align: center;padding: 10px;}.box1 {background-color: #FF7800;}.box2 {background-color: #028E9B;}.box3 {background-color: #FFAD00;}</style>
</head>
<body>
<div class="box-block"><div class="box1">盒子1</div><div class="box2">盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2盒子2</div><div class="box3">盒子3</div>
</div><hr>
<pre style="color:red">感：  最近贡献一下我在教学中的小案例可以能给你一些帮助 ,希望继续关注我的博客--王
</pre></body>
</html>

css实现多个div自适应高度（一样高）相关推荐

css div自适应高度height
DIVCSS5为大家介绍两种情况下自适应高度样式设置与解决. 第一种:一定高度内容加多时自适应高度,而内容少时DIV有一定最小高度: 第二种:没有最小高度,DIV完全自适应高度. 以下为大家介绍这两种 ...
android h5 div高度自适应,css div自适应高度height
DIVCSS5为大家介绍两种情况下自适应高度样式设置与解决. 第一种:一定高度内容加多时自适应高度,而内容少时DIV有一定最小高度: 第二种:没有最小高度,DIV完全自适应高度. 以下为大家介绍这两种 ...
解决Div自适应高度的方法（转）
http://www.yutheme.cn/website/index.php/content/view/39/63.html div高度自适应是个比较麻烦的问题,在朋友artery那里看到这个文章, ...
vue div自适应高度
第一种:利用弹性盒子flex特性 <template><div class='container'><div class="divContent"&g ...
div 高度等与html,html – 仅限CSS – 基于兄弟的div的高度
使用display:flex html,body { margin: 0; height: 100%; } .container { display: flex; flex-direction: co ...
CSS中让一个div的高度随着另外个一个统计的div的高度变化而变化的代码
.w1002 .left_part{overflow:hidden; padding-bottom:9999px; margin-bottom:-9999px;display:inline;}
html div自动高度,CSS技巧：3种常用方法解决div列高度自适应
本文向大家介绍一下解决div列高度自适的3种常用方法,分别是利用"clear:both"背景填充,使用脚本控制高度和margin负值父子容器高度继承三种. CSS技巧:解决div列 ...
DIV默认高度且自适应高度
2019独角兽企业重金招聘Python工程师标准>>> 转: 本文和大家重点讨论一下如何控制DIV最小高度又DIV自适高度问题,如果我们需要设置一个div高度,当里面的东西超过这个高 ...
html 给div设置高度,div高度设置 DIV 高度篇
DIV 高度教程-DIV的高度设置篇如何对div设置高度呢?答案很简单使用css height样式即可设置div高度. div的高度图我们要对div对象设置高度样式,一般分为设置固定高度,最小高 ...

css实现多个div自适应高度（一样高）

效果展示：

源码展示:

css实现多个div自适应高度（一样高）相关推荐

最新文章

热门文章