两列等高、三列等高

最新推荐文章于 2021-08-03 19:34:10 发布

lbsnd

最新推荐文章于 2021-08-03 19:34:10 发布

阅读量118

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/lbsnd/article/details/83971846

版权

CSS 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<div class="qgroup_main">
<div class="qgroup_main_inner">
  <div class="qgroup_main_left"><br /><br /><br /><br /><br /><br /><br /><br /><br /></div>
  <div class="qgroup_main_right"><br /><br /><br /><br /><br /><br /><br /><br /></div>
  <div class="qgroup_main_mid"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div>
  </div>
</div>
<div class="qgroup_main_bot">
  <div class="qgroup_main_left_bot"></div>
  <div class="qgroup_main_right_bot"></div>
  <div class="qgroup_main_mid_bot"></div>
</div>

css代码

.qgroup_main{ position:relative;}
.qgroup_main_inner{overflow:hidden; zoom:1; padding-bottom:10px;}
.qgroup_main_left{float:left; width:180px; margin-bottom:-30000px;padding-bottom:30000px; background:#ccc; border:1px solid #f00;}
.qgroup_main_right{float:right;width:170px; margin-bottom:-30000px;padding-bottom:30000px; background:#ccc; border:1px solid #f00;}
.qgroup_main_mid{ margin:0 175px 0 185px; margin-bottom:-30000px;padding-bottom:30000px;  background:#ccc; border:1px solid #f00;}

.qgroup_main_left_bot{font-size:0;line-height:0;height:1px;background:#f00; overflow:hidden;float:left; width:182px;}
.qgroup_main_right_bot{font-size:0;line-height:0;height:1px;background:#f00; overflow:hidden;float:right;width:172px; }
.qgroup_main_mid_bot{font-size:0;line-height:0;height:1px;background:#f00; overflow:hidden;margin:0 175px 0 185px;_margin:0 172px 0 182px;}