表因某种原因重叠

时间:2012-05-28 22:45:09

标签: html overlapping

由于某些原因,我的<td>彼此重叠。它不应该这样做。 我希望中心与左栏目分开,目前还不是。

任何人都知道我做错了什么?这是您可以看到代码等的网站:

3 个答案:

答案 0 :(得分:0)

原因是100%的{​​{1}}宽度。不要使用表格来构建布局。表仅适用于表格数据。使用div或其他语义上适当的容器将帮助您防止此类问题。

答案 1 :(得分:0)

.MiddleCenterContent的宽度为100%,迫使其与邻居重叠。更好的方法是使defaultTable宽度100%然后定义其他单元格的宽度,.MiddleCenterContent将填写。

尽管如此,最好使用<div>标签进行布局。有很多关于在互联网上使用这些方法的教程。

答案 2 :(得分:0)

你的css中有

.MiddleCenterContent {
width: 100%;
vertical-align: top;
}

删除以下行

width: 100%;

迫使中心细胞100%大,与其他细胞重叠