出于某种原因,我<td>
的 s 彼此重叠。它不应该那样做。我希望中心与当前不存在的左列分开。
有人知道我做错了什么吗?这是您可以查看代码等的网站:
原因是 的100%
宽度.MiddleCenterContent
。不要使用表格来组织布局。表格仅用于表格数据。使用 div 或其他语义适当的容器将帮助您防止此类问题。
.MiddleCenterContent
宽度为100%
,迫使它与邻居重叠。更好的方法是先设置defaultTable
宽度100%
,然后只定义其他单元格的宽度,然后.MiddleCenterContent
填写。
尽管如此,更好的做法是使用<div>
标签进行布局。互联网上有很多关于使用这些方法的教程。
在你的CSS中你有
.MiddleCenterContent {
width: 100%;
vertical-align: top;
}
只需删除以下行
width: 100%;
这迫使中心单元格为 100% 大,与其他单元格重叠