Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 空DIV向下推它旁边的表单元格中的内容_Html_Css - Fatal编程技术网

Html 空DIV向下推它旁边的表单元格中的内容

Html 空DIV向下推它旁边的表单元格中的内容,html,css,Html,Css,我在使用显示时遇到了一些奇怪的CSS行为:表格、表格行、表格单元格 当一个表单元格包含一个空div时,它会向下推它旁边单元格的内容 <html> <body> <div style="height:200px"> <div style="display:table"> <div style="display:table-row"> <div style="display

我在使用显示时遇到了一些奇怪的CSS行为:表格、表格行、表格单元格

当一个表单元格包含一个空div时,它会向下推它旁边单元格的内容

<html>
  <body>

    <div style="height:200px">
      <div style="display:table">
        <div style="display:table-row">
          <div style="display:table-cell">
            <div style="height:100px;width:200px;overflow-y:scroll"></div>
          </div>
          <div style="display:table-cell">
            <div style="height:100px;width:100px;overflow-y:scroll">Why am I getting pushed down?!?</div>  
          </div>
        </div>
     </div>
   </div>

   <div style="height:200px">
      <div style="display:table">
        <div style="display:table-row">
          <div style="display:table-cell">
            <div style="height:100px;width:200px;overflow-y:scroll">A</div>
          </div>
          <div style="display:table-cell">
            <div style="height:100px;width:100px;overflow-y:scroll">Suddenly I'm not getting pushed down?!?</div>  
          </div>
        </div>
      </div>
    </div>

  </body>
</html>

为什么我会被推下去?!?
A.
突然间我没有被推下去?!?

如果我在DIV中放入一些内容,行为就会停止。这是虫子吗?影响Firefox和Chrome。如果不是bug,我该如何解决它?

要解决此问题,请在空td上设置
vertical align:top


要解决此问题,请在空td上设置
垂直对齐:top


不同的浏览器可以使用不同的系统,很难说这是一个bug还是您的浏览器
不同的行为或可能是服务器不更新以检查此检查元素并检查代码是否匹配不同的浏览器可以使用不同的系统很难说这是错误还是您的浏览器
行为不同或可能是服务器不更新以检查此检查元素并检查代码是否匹配仍然认为它看起来像一个bug tho:p
vertical:align
的默认值是
baseline
,因此我不认为它是一个bug仍然认为它看起来像一个bug tho:p
vertical:align
的默认值是
baseline
所以我不认为这是一个bug