Html 为什么赢了';我的100%身高div伸展到100%的家长?不是浮子

Html 为什么赢了';我的100%身高div伸展到100%的家长?不是浮子,html,css,height,Html,Css,Height,body和html是100%,#content容器是100%,但是子#newstile与我设置的100%高度不匹配。我可以设置一个固定的高度,将其增加到当前似乎使用的自动高度之外,但100%不起任何作用 我一定是疯了,或者错过了一些非常明显的事情 尝试添加 height: 100%; 你的内容风格。您只定义了最大高度和最小高度。尝试在#新闻片上将位置设置为“绝对”。然后高度是100%,但是你会看到一些丑陋的滚动条,因为总的页面高度是100%+你的页眉 我建议您删除高度和宽度,并将其替换为绝对位

body
html
是100%,
#content
容器是100%,但是子
#newstile
与我设置的100%高度不匹配。我可以设置一个固定的高度,将其增加到当前似乎使用的自动高度之外,但100%不起任何作用

我一定是疯了,或者错过了一些非常明显的事情

尝试添加

height: 100%;

你的内容风格。您只定义了最大高度和最小高度。

尝试在#新闻片上将位置设置为“绝对”。然后高度是100%,但是你会看到一些丑陋的滚动条,因为总的页面高度是100%+你的页眉

我建议您删除高度和宽度,并将其替换为绝对位置、顶部:120px(顶部导航的大小)和底部:0px


希望这就是你要找的东西。:)

因为W3C这是唯一一个正确答案,尝试过html,body{min height:100%;}?这似乎已经奏效了。仍然有点困惑,因为这意味着#newstiles占据了100%的视口,这意味着一个等于页眉+页脚的滚动。然而,你的回答确实解决了内容问题。
位置:绝对
从文档流中删除元素,因此它会对布局的其余部分造成影响。