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选择器，您必须使用类选择器

网站在Firefox中运行良好，但在Chrome中运行不正常

2 个答案: