为什么包含img的div无法拉伸其父级的div高度

Question

我想知道为什么super()不拉伸父div class Parent(): def __init__(self, foo): self.foo = foo class Child(Parent): def __init__(self, foo): super().__init__(foo) # doing something more... self.bar = 42 高度吗？

如果我缩放页面，则mainCountainerHeadLogo和mainCountainerHead都可以拉伸mainCountainerHeadTitle。

对不起，我的英语，在此先感谢！

http://jsfiddle.net/gvcs0r6b/

mainCountainerHeadMenu

mainCountainerHead

Answer 1

回答您的问题：

那是因为float属性使HTML元素脱离了正常的页面流，这会导致您遇到的问题。其效果类似于position: absolute，其作用是将元素移动到“不同的层”。

如何解决？

嗯...有很多方法可以实现您想要的，几乎所有方法都需要重构代码。实际上，您有很多代码很难实现您的目标。您应该摆脱float并开始使用Flexbox等其他技术。

如果您提供所需布局的草图，我可以为您提供解决方案。

Answer 2

将img的CSS更改为此

.mainCountainerHeadLogo img {
   width: 100%;
   height: 100%;
   margin: auto
}