网站在 Firefox 中运行良好，但在 Chrome 中无法运行答案

【问题标题】：Website works fine in firefox but not in Chrome网站在 Firefox 中运行良好，但在 Chrome 中无法运行
【发布时间】：2013-09-30 00:04:20
【问题描述】：

我的网站有一个应该显示在图像旁边的表格，它在 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;">

【问题讨论】：

您没有关闭任何 div 标签？我不肯定我根据您的代码了解您正在尝试做什么。但是，如果您尝试使一个左右浮动，则应在所需内容周围关闭标签。

标签： html css google-chrome firefox

【解决方案1】：

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

【讨论】：

谢谢，终于修好了！我从来不知道 chrome 这么关心！不过谢谢！

【解决方案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 选择器，你必须使用类选择器

【讨论】：

我将 # 更改为 .但现在表格位于图像下方。
您是否要在右侧显示 img 而在右侧显示其他 div？那么你需要更新一个 htm l 和 css .. 给我一个分钟