Html 使用div的3列表（类似于<；表>；）

我需要一个使用div的3列表

它必须是流体，覆盖窗户宽度的100%

左列应为宽度的50%，其他两列各为20%，剩余空间用于单元格填充

此外，我需要确保当单元格内容被单词包装时，该行中的每个单元格都会被调整，以便高度匹配。（就像使用

标记一样）。我希望每一行和每一列都有边框，这样表中的每一行都是清晰的。我希望有人能帮忙

我一直在寻找解决办法，但到目前为止，我一直没有找到

看到它在这里工作了吗

.桌子{
位置：相对；/*因此儿童div可以使用100%的高度，而不是超过*/
宽度：100%；/*只要这个div的父对象是body，它就会占据整个屏幕*/
高度：250px；/*随心所欲*/
填充：8px；/*将产生您想要的间距*/
}
.表.单元格{
宽度：20%；
身高：100%；
背景色：#bbb；
display:inline block；/*因此它们显示inline*/
}
.表.单元格：类型的第一个{
宽度：50%；
身高：100%；
背景色：#ddd；
}

显示您迄今为止的代码您应该使用web搜索编码时遇到的特定问题。如果您想用HTML中的DIV创建一个表，您可能应该从教授HTML和CSS的教程开始。您的要求非常简单，这表明您很少或根本没有编写HTML和CSS代码的经验。这个论坛不是一个为您编写完整代码的地方“我需要”“它必须是”“应该是”-我们现在要求很高吗？这种寻求帮助的态度不会让你走远。@user3530168如果我的回答有帮助，你可以将其标记为接受，如果没有帮助，你可以留下评论。人们确实会花时间在这里帮助，你可以使用追加投票和将答案标记为已接受来帮助回答的人，并帮助未来的访问者向他们展示它回答了问题

<div class="table">
   <div class="cell"></div>
   <div class="cell"></div>
   <div class="cell"></div>
</div>



.table{
position:relative;  /*so children div can use 100% height and not go over */
width:100%; /* as long as this div's parent is body it will take up whole screen */
height:250px; /*make whatever you want */
padding:8px; /* will make that spacing you wanted */
}


.table .cell{
width:20%;
height:100%;
background-color:#bbb;
display:inline-block; /*so they display inline */
}

.table .cell:first-of-type{
width:50%;
height:100%;
background-color:#ddd;
}