如何让嵌套的div不会"泄漏"到底部?

Tim*_* T. 4 html css haml css-float

在haml中,我有这样的事情:

#profile
   #photo

   #bio
Run Code Online (Sandbox Code Playgroud)

但最重要的是div 的#photo"漏洞" #profile.如果我检查它,#profile是一个非常小的盒子,并#photo从它的顶峰.

我申请了一张float:left,#photo以便#bio坐在照片旁边

我似乎碰到了很多.发生了什么,我该如何解决?

jer*_*oen 7

我发现最简单的方法是在你的情况下添加overflow:hidden到容器#profile中.

不需要额外的元素,也不需要清除左,右或两者的副作用.