Html CSS最小高度不适用于子div
我知道为div添加minheight属性非常简单。但是如果没有提到c_left和c_right分区，我下面编写的代码就可以工作了 如果您看到下面的代码，我想您可能会遇到我的问题。最小高度不适用于容器分区 我的代码是 包装{宽度：1024px；最小高度：400px；边距：0px自动；背景：ccc；} .header{高度：150px；} .container{高度：1px；最小高度：100px；宽度：100%；} .container.c_left{float:left；width:50%；} .container.c_right{float:right；width:50%；} .footer{高度：100px；} 标题 容器 你好，世界 你好，世界 你好，世界 你好，世界 你好，世界 你好，世界 你好，世界 你好，世界 容器 你好，世界 你好，世界 你好，世界 你好，世界 你好，世界 你好，世界 你好，世界 你好，世界 页脚Html CSS最小高度不适用于子div,html,css,Html,Css,我知道为div添加minheight属性非常简单。但是如果没有提到c_left和c_right分区，我下面编写的代码就可以工作了 如果您看到下面的代码，我想您可能会遇到我的问题。最小高度不适用于容器分区 我的代码是 包装{宽度：1024px；最小高度：400px；边距：0px自动；背景：ccc；} .header{高度：150px；} .container{高度：1px；最小高度：100px；宽度：100%；} .container.c_left{float:left；width:50%；}
我认为这不起作用，因为你有两个身高：1px；最小高度：100px；属性，删除高度或使用大于最小高度值的默认值。子容器不会自动从最小高度继承。 CSS2.1规范： 百分比是根据生成的长方体包含块的高度计算的。如果未明确指定包含块的高度，即它取决于内容高度，且该元素未绝对定位，则该值将计算为“自动” 如果没有在容器上设置最小高度，则没有明确指定容器的高度，容器会自动设置高度 对于解决方法，您可以为您的孩子提供div：
display: table;
height: inherit;
示例：jsfiddle.net/xreb/54/感谢您的回复 哈希姆·库拉米的回答帮助了我
overflow:hidden;
这是你问题的解决办法。 试试这个 包装纸{ 宽度：1024px； 最小高度：400px； 保证金：0px自动； 背景：ccc； } .标题{ 高度：150像素； } .集装箱{ 高度：1px； 最小高度：100px； 宽度：100%； 溢出：自动； } .集装箱。c_左{ 浮动：左； 宽度：50%； } .container.c_右{ 浮动：对； 宽度：50%； } .页脚{ 高度：100px； } 标题 容器 你好，世界 你好，世界 你好，世界 你好，世界 你好，世界 你好，世界 你好，世界 你好，世界 容器 你好，世界 你好，世界 你好，世界 你好，世界 你好，世界 你好，世界 你好，世界 你好，世界 页脚
我在一个css网站上看到了保持高度和最小高度的方法。即使我删除了，也没有用。你已经陷入了一个困境。不需要使用最小高度。容器将不包含列，因为它们是浮动的并从正常流中移除。您可以清除容器底部的浮点数，或者使用其不可见的值进行溢出。比如.container{overflow:hidden；}。是的，这个溢出可以正常工作。