html - 网站在 Firefox 中运行良好，但在 Chrome 中无法运行

Question

我的网站有一个应该显示在图像旁边的表格，它在 Firefox 中运行良好，但在 Chrome 中却不行！下面的CSS：

#right{ float:right; position: absolute; }
#left{ float:left; position: absolute; }

和图像和表格：

<div class="left">
      <div><img style="width: 599px; height: 343px;" alt="" src="images/picture.png">
        <div class="right">
          <div style="
    margin-left: 20px; width: 638px;    height: 343px;  overflow: scroll;">

Answer 1

我不确定你是否注意到了这一点，但你没有关闭你的 DIV 标签。这可能是它在 Chrome 中不起作用的原因。Firefox 可能会自动完成标签，但 chrome 可能会从字面上理解标签并看到您没有放置结束标签。尝试将结束标签放在那里，看看它是否有效。

Answer 2

实际上，它不会在任何浏览器中工作，除非它缓存了 .left 和 .right 的样式

   .right{ float:right; }
   .left{ float:left; }

<div style="position:relative">
    <div class="left">
          <div><img style="width: 599px; height: 343px;" alt="" src="images/picture.png"></div>
    </div>
    <div class="right">
          <div style="
        margin-left: 20px; width: 638px;    height: 343px;  overflow: scroll;">
        </div>
    </div>
</div>

您正在使用 Id 选择器，您必须使用类选择器