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高度随另一个高度变化而变化)