Html 使嵌套div延伸到主div的高度_Html

Html 使嵌套div延伸到主div的高度

html

Html 使嵌套div延伸到主div的高度,html,Html,当一个或另一个伸展时，我试图让a或b与它们的高度相匹配 <html> <head> <style> #main{ width:300px; position: relative; margin: 0 auto; } #a{ position:absolute: bottom:0px; width:50px; border: 1px sol

当一个或另一个伸展时，我试图让a或b与它们的高度相匹配

    <html>
    <head>
    <style>
     #main{
     width:300px;
     position: relative;
     margin: 0 auto;
     }
     #a{
     position:absolute:
     bottom:0px;
     width:50px;
     border: 1px solid #000;
     float:left;
     }
     #b{
      position:absolute:
     bottom:0px;
      width:200px;
      border: 1px solid #000;
      float:left;
     }

    </style>

    <body>
     <div id="main">
    <div id='a'><h1>1</ht><h1>1</ht><h1>1</ht><h1>1</ht></div>
    <div id='b'>2</div>
     </div></div></head></body>


#主要{
宽度：300px；
位置：相对位置；
保证金：0自动；
}
#a{
位置：绝对：
底部：0px；
宽度：50px；
边框：1px实心#000；
浮动：左；
}
#b{
位置：绝对：
底部：0px；
宽度：200px；
边框：1px实心#000；
浮动：左；
}
1111
2.

我有一个非常简单的解决方案。使用css属性

显示：表格单元格.a{}

&.b{}
样式中的code>如下：
    .a, .b{ 

         display: table-cell;
         width:100px; 
         vertical-align:middle; 
         text-align:center;

     }

查看演示：
他之前的标签太多了。耶，泰！这就是我要找的！