Javascript 相互重叠的桌子

我的页面中有三个表格。。。。 这三张桌子都重叠了。。。。 如何避免三张表重叠

数量
制造零件号
单价
外部价格

从技术上讲，您的桌子没有问题。它一定是你的CSS。使用像Firebug这样的工具来帮助您调试它。

Woah。“divitis”的经典例子是在fiddle的html中有太多的div。在div中有一个表，而div在表单元格中

虽然这可以工作，为什么不把id放在td上呢？你是不是受了一些CMS的摆布

此外，我只需扫描代码即可看到此ID:fdContactName_1两次。ID每页只应显示一次

我建议首先复制所有代码，将其粘贴到validator:validator.w3.org/

修复所有错误，看看是否可以更好地组织内容。现在，从fiddle代码中有82个错误，45个警告。这些警告没有那么重要

---

即使使用像table margin:0 0 30px 0；这样的工具也会因为所有的id而陷入麻烦。要获得格式良好的特性将是一场噩梦。答案很简单。您的表比包含它们的div更大。请尝试设置表的宽度。编辑：实际上，请删除另一个div中的div span5，因为假设r表的大小调整为您的div的大小，并且它现在所在的div正在从您的另一个div中分离出来

此外，你有太多无用的div。就像凯利·约翰逊所说的。td中的一个div并没有真正的用处。span5在span6中也是如此

您必须将所有元素视为容器。Div是一个用于设置样式和在页面周围放置内容的容器。基本上，Div是一个矩形。矩形内不需要矩形。如果您需要文本和td侧面之间的空间，请使用样式填充

<table id="inventoryTable" class="table dataTable" aria-describedby="inventoryTable_info">
                        <thead>
                            <tr class="inventoryListHeading" role="row" style="background-color: #1a4567; color: white;">
                                <th class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" style="width: 103px;">Qty</th>
                                <th class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" style="width: 123px;">MFG P/N</th>
                                <th class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" style="width: 85px;">Unit Price</th>
                                <th class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" style="width: 134px;">Ext. Price</th>
                            </tr>
                        </thead>

                        <tbody role="alert" aria-live="polite" aria-relevant="all">
                            <tr id="row_1" class="odd">
                                <td class=" "><div id="fdCompanyName_1"><a href="/Customer/index/?step=modify&amp;cid=1">FQ Systems</a></div></td>
                                <td class=" "><div id="fdCustId_1"><a href="/Customer/index/?step=modify&amp;cid=1">1</a></div></td>
                                <td class=" "><div id="fdContactName_1"><a href="/Customer/index/?step=modify&amp;cid=1">Soojin Kim</a></div></td>
                                <td class=" "><div id="fdPhone_1"><a href="/Customer/index/?step=modify&amp;cid=1">408-172-3827</a></div></td>
                            </tr>

                        </tbody>
                    </table>