有人可以帮我调试这个HTML和CSS

Question

我的index.php页面的目的是显示与作业相关的数据库驱动内容。它分为底部和上半部分，在底部我有一个Google Maps v3 API。 目前我正在调试它有一些麻烦，所以我将<div>设置为平均使用50％的页面。我还希望他们在浏览器调整大小时自动调整和维护适当的测量值。

重要的是，我仍试图让某些<td></td>在文本超过给定的省略号阈值时截断它们。我能管理的最好的是文本包装的位置，但是这会增加记录整行的高度，这会使浏览器调整到屏幕的一小部分时看起来很难看。

我遇到的主要问题是无法使包含<div>的{​​{1}}具有100％的高度和宽度。实际上，当我指定内联googleMap：

时

style=

而不是：

<div id="googleMap" style="height:100%;width:100%;">

地图根本不显示。我也有类似的麻烦将它与CSS定义的样式联系起来。

Answer 1

我有部分解决了它所以这仍然没有答案。根据{{​​1}}高度和宽度百分比自动调整大小，但现在我遇到问题<div>中的标题正由bottom_div中的TABLE覆盖1}}。以下是问题的屏幕截图：

在Google Chrome中进行疑难解答时，我可以通过突出显示功能（F12 - ＆gt; Elements - ＆gt;然后将鼠标悬停在与页面上元素相关的代码上）看到top_div是正确比例的，但持有作业的top_div忽略了这个并溢出了TABLE。我不知道为什么，但我想这是与top_div类相关的CSS代码。但是，我试图操纵“溢出”声明没有成功。