Html 空DIV向下推它旁边的表单元格中的内容
我在使用显示时遇到了一些奇怪的CSS行为:表格、表格行、表格单元格 当一个表单元格包含一个空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
<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:pvertical:align
的默认值是baseline
所以我不认为这是一个bug