html - 具有多列的 SPAN 上的高度 100%

Question

下面的代码有 3 列。我想要每列的边框，每列也有自己的颜色。我尝试了许多以前的多列 css 问题示例，但它们不起作用。例如，我不想使用背景图像的肮脏技巧来渲染背景颜色和边框，因为该网站允许更改颜色。我也不能使用使用粗边框作为颜色然后使用负边距和相对定位的方法。该方法不允许边框。下面是代码。什么是最好的方法？谢谢

<div id="results" style="display:block;float:left;width:210px;border:1px solid black;">
 <span id="left" style="display:block;float:left;width:140px;border-right:1px solid black;">This is a long text and can be wrap to many lines</span>
 <span id="middle" style="display:block;float:left;width:30px;border-right:1px solid black;">3:32</span>
 <span id="right" style="display:block;float:left;width:30px;">Click</span>
</div>

Answer 1

为什么只添加所有 span height: 100%; 和 top div height: auto;？

顺便说一句，我很确定 span 和 display:block; 是 div 。

BTW2:表格标签没有被禁止——当你需要带有“表格数据”的表格(比如日程表)时，你应该使用它。 ;) 如果您构建所有网站的布局，则不要...