div 宽度：自动和 IE答案

【问题标题】：Div width: auto and IEdiv 宽度：自动和 IE
【发布时间】：2023-03-03 14:26:01
【问题描述】：

当平均评分为鼠标悬停时，我正在使用 jQuery qTip 显示单个用户及其投票。

qTip 调用一个 PHP 文件，该文件从 MySQL 数据库中获取所有用户和对该项目的投票，并构建一个 3 列的表，显示为工具提示。

在 Firefox 中，工具提示可以正常显示。

在 IE7 中（尚未在 IE8 上测试），工具提示的高度是合适的，但宽度只有 2 或 3 个字符 - 不是整个表格。

如果我将 div 的宽度设置为固定数字，比如width: 300px;，我可以诱使 IE 正确显示它。

但是，我的用户名称的长度变化很大，我宁愿不将 div 确定为最大可能宽度，然后当您查看仅由“Joe”投票的项目时出现大量空白.

在 IE7 中使用width: auto; 无效。

有其他选择吗？

抱歉，如果我忽略了一个类似的问题。发帖前搜索了一下，没有找到合适的。

编辑以添加代码：

<div
  style="-moz-border-radius: 0pt 0pt 0pt 0pt;
         position: absolute; 
         width: 358px; 
         display: none; 
         top: 384.617px; 
         left: 463.5px; 
         z-index: 6000;" 
  class="qtip qtip-defaults" qtip="0">

  <div style="position: relative; 
              overflow: hidden; 
              text-align: left;" 
       class="qtip-wrapper">

    <div style="overflow: hidden; 
                background: none repeat scroll 0% 0% white; 
                border: 1px solid rgb(211, 211, 211);" 
         class="qtip-contentWrapper">

      <div class="qtip-content qtip-content" 
           style="background: none repeat scroll 0% 0% white; 
                  color: rgb(17, 17, 17); 
                  overflow: hidden; 
                  text-align: left; 
                  padding: 5px 9px;">

        <div id="WhoResults">
          <table>
            <tbody>
              <tr>
                <td>guy1</td>
                <td>guy2</td>
                <td>guy3</td>
              </tr>
              <tr>
                <td>guy4</td>
                <td>guy5</td>
                <td>guy6</td>
              </tr>
            </tbody>
          </table>
        </div>

      </div>
    </div>
  </div>
</div>

我没有应用任何 CSS 样式。这一切都由 qTip 处理。我试图尽可能地格式化它。感谢您提供的任何帮助。

【问题讨论】：

能否发布为工具提示表生成的 HTML + CSS？
正在处理它。刚才看了一下 Firebug，qTip 似乎做了很多自动样式设置。给我一两分钟...

标签： css html cross-browser width

【解决方案1】：

尝试使用min-width:300px 而不是width

【讨论】：

我知道我可以确定宽度并强制它显示，但我希望有一个替代方案，因为我的表格的宽度会根据给定项目列出的用户名而有很大差异。 .

【解决方案2】：

原来是 qTip 为 IE 计算正确的工具提示宽度的方式中的一个错误。我覆盖了 qTip 代码中的那一行，并在开发者论坛上发布了一条注释。

【讨论】：