css 实现左右div 等高, 同时父级div就是最高的子div的高度.

2021-06-28 00:03

阅读：596

YPE html>

标签：play doc ott width border bsp 左右 har char

方法一: 通过父级overflow:hidden, 自己设置padding-bottom 和 margin-bottom来实现.

 1 #wrap{
 2  overflow:hidden;
 3  width:1000px;
 4  margin:0 auto;
 5 }
 6 #left,#center{
 7  margin-bottom:-10000px;
 8  padding-bottom:10000px;
 9 }
10 #left{
11  float:left;
12  width:250px;
13  background:#00FFFF;
14  }
15 #center{
16  float:left;
17  width:500px;
18  background:#FF0000;
19  }

参考链接: 纯css实现div左右等高

方法二: 使用 table-cell

 1 
 2 
 3  4      5      6      7         .left,
 8         .right {
 9             padding: 10px;
10             display: table-cell;
11             border: 1px solid #f40;
12         }
13     
14 
15 
16 
17     
18         left div
19         
20         
21         
22         
23         
24     

25     right div
26 

27 
28

参考链接: 纯css实现div左右等高

方法三:使用css3盒模型

 1 
 2 
 3  4      5      6      7         .wrap {
 8             display: -webkit-box;
 9         }
10         .left,
11         .right {
12             padding: 10px;
13             border: 1px solid #f40;
14         }
15     
16 
17 
18 
19     
20         left div
21         
22         
23         
24         
25         
26     

27     right div
28 

29 
30

参考链接: 纯css实现div左右等高

css 实现左右div 等高, 同时父级div就是最高的子div的高度.

标签：play doc ott width border bsp 左右 har char

原文地址：http://www.cnblogs.com/cbza/p/7145384.html

上一篇：PHP 运算符

下一篇：PHP 简介

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：css 实现左右div 等高, 同时父级div就是最高的子div的高度.
文章链接：http://soscw.com/index.php/essay/98641.html

亲，登录后才可以留言！

css 实现左右div 等高, 同时父级div就是最高的子div的高度.

方法一: 通过父级overflow:hidden, 自己设置padding-bottom 和 margin-bottom来实现.

方法二: 使用 table-cell

方法三:使用css3盒模型

评论

热门文章

推荐文章

最新文章

置顶文章

css 实现 左右div 等高, 同时父级div就是最高的子div的高度.

方法一: 通过父级overflow:hidden, 自己设置padding-bottom 和 margin-bottom来实现.

方法二: 使用 table-cell

方法三:使用css3盒模型

评论

热门文章

推荐文章

最新文章

置顶文章

css 实现左右div 等高, 同时父级div就是最高的子div的高度.