7
高度:<div>中<div>内的<div>为100%,显示:table-cell
这是使用display: table和display: table-cellCSS声明的2列标记: .table { display: table; } .cell { border: 2px solid black; vertical-align: top; display: table-cell; } .container { height: 100%; border: 2px solid green; } <div class="table"> <div class="cell"> <p>Text <p>Text <p>Text <p>Text <p>Text <p>Text <p>Text <p>Text </div> <div class="cell"> <div class="container">Text</div> </div> </div> 运行代码段Hide results展开摘要 但是.container块不会垂直填充父单元格。这是JsFiddle上的示例:http …
69
html
css
css-tables