div+css:两个div并排等高 (table-cell)

Posted 草木物语

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了div+css:两个div并排等高 (table-cell)相关的知识,希望对你有一定的参考价值。

两个div并排等高

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title></title>
 6     <style>
 7         .left,
 8         .right {
 9             display: table-cell;
10             border: 1px solid #f40;
11         }
12     </style>
13 </head>
14 <body>
15     <div class="left">
16         left div
17         <br/>
18         <br/>
19         <br/>
20         <br/>
21         <br/>
22     </div>
23     <div class="right">
24          right div
25     </div>
26 </body>
27 </html>

 

以上是关于div+css:两个div并排等高 (table-cell)的主要内容,如果未能解决你的问题,请参考以下文章

css实现两个div并排等高(一个div高度随另一个高度变化而变化)

CSS技巧!像table一样布局div

两个div并排,左边div固定宽度,右边宽度自适应”,至少列出4种。

纯div css实现的左右两个等高div

css实现内容不相同的左右两个div等高

CSS怎么实现内容不相同的左右两个div等高?