Fatal编程技术网
  • html/
  • Html 为什么此元素会导致大小相同的容器溢出？

Html 为什么此元素会导致大小相同的容器溢出？

html css

Html 为什么此元素会导致大小相同的容器溢出？,html,css,Html,Css,我试图创建一个div，它只在元素不在默认区域时显示滚动条 尝试添加字体大小：0到父div： <div style="overflow-y: auto; height: 36px; font-size: 0;"> <img src="." width="36" height="36" /> </div> 尝试去除父div中的填充，或将页面全部删除 <html> <body style="margin: 0; padding: 0;"

我试图创建一个div，它只在元素不在默认区域时显示滚动条

尝试添加
字体大小：0到父div：


<div style="overflow-y: auto; height: 36px; font-size: 0;">
  <img src="." width="36" height="36" />
</div>



尝试去除父div中的填充，或将页面全部删除


<html>
  <body style="margin: 0; padding: 0;">
    <div style="overflow-y: auto; height: 36px; margin: 0; padding: 0;">
      <img src="." width="36" height="36" style="margin: 0; padding: 0;"/>
    </div>
  </body>
</html>



您只需将
浮动设置为启用


当我尝试时，这似乎不起作用。我想这是因为您的示例中缺少doctype，但这不是我的项目的选项。我仍然看到您的代码段中存在溢出。虽然这在代码段中对我有效，但它并没有改变我的问题。但在父级上将字体大小设置为0修复了它！天哪，这真是太好了！这是什么神秘的巫术？？说真的，你知道为什么会这样吗？PS.刚刚检查且
行高：0也为我修复了它