在网页开发中，Ajax 自动完成下拉框是一种常见的功能，它允许用户在输入框中输入内容时，根据输入的内容动态显示匹配的建议列表。这个功能可以极大地提高用户体验，特别是在处理大量数据或搜索时。然而，在实现这一功能时，可能会遇到自动提示位置的问题，即提示列表的位置可能不正确，无法准确地与输入框对齐。这个问题在给定的代码片段中有所体现。
在描述的代码中，`divPosition()` 函数用于计算并设置提示层（`objouter`）的位置。它通过 `event.clientX` 和 `event.clientY` 获取鼠标当前位置，然后将提示层的 `top` 和 `left` 样式设置为鼠标位置加上一定的偏移量。这种做法在一般情况下是可行的，但在特定布局（如表格内）可能引发问题。
问题出现在以下两行代码：
```javascript
objouter.style.top = clx + 10;
objouter.style.left = cly + 20;
```
当尝试使用 `getAbsoluteTop(objInput)` 和 `getAbsoluteLeft(objInput)` 来获取输入框的绝对位置时，代码在 IE 浏览器中崩溃。这是因为 `getAbsoluteTop()` 和 `getAbsoluteLeft()` 是非标准的方法，可能存在浏览器兼容性问题。在标准的 JavaScript 中，我们通常使用 `getBoundingClientRect()` 方法来获取元素相对于视口的位置。
修正这个问题的方法是使用 `getBoundingClientRect()`，它返回一个对象，包含元素的 `top`、`right`、`bottom` 和 `left` 值，这些值是相对于视口的。因此，可以修改 `divPosition()` 函数如下：
```javascript
function divPosition() {
var inputRect = objInput.getBoundingClientRect();
var clx = event.clientX;
var cly = event.clientY;
objouter.style.top = cly - inputRect.top + window.pageYOffset + 'px';
objouter.style.left = clx - inputRect.left + window.pageXOffset + 'px';
objouter.style.width = getAbsoluteWidth(objInput);
}
```
这里，我们首先获取输入框的边界信息，然后根据鼠标的相对位置和页面滚动偏移量来设置提示层的位置。这种方法应该能在大多数浏览器中正确地对齐提示层，包括在表格内的输入框。
此外，代码中还涉及到了其他一些函数，如 `init()`, `dearray()`, `test()`, `chageSelection()`, `outSelection()`，它们分别用于初始化、数组处理、触发自动完成、切换选中的提示项以及选择某一项并关闭提示框。这些函数共同构成了一个完整的自动完成下拉框的功能实现。
解决自动提示位置问题的关键在于正确获取元素的位置信息，并根据这些信息来调整提示层的位置。同时，确保代码具有良好的浏览器兼容性，特别是对于老版本的 IE 浏览器。在编写此类功能时，还需要考虑性能优化，比如避免频繁的 DOM 操作，以及在不需要显示提示时隐藏提示层，以提升用户体验。
