html - 我的子 DIV 超出了父级。无固定/绝对定位

标签 html css height

http://thestleonardsacademy.org/stlan/extracurricular.php

有问题的 div 是#content 和#newstiles。

#content 设置为 100% 高度,newtiles 也是,它是内容的子元素。 但是,newtiles 匹配内容的高度,而不是填充剩余空间。由于 #content 中的其他 div,这意味着创建一个滚动条时,额外的滚动等于 #content 中的页眉和页脚。

我基本上希望#content 的页面高度至少为 100%。 然后我想要固定大小的页眉和页脚,并用 #newstiles 填充剩余空间。

最佳答案

你的 css 中没有 clear:,尝试在你的 css 中添加一个 clear:both;

关于html - 我的子 DIV 超出了父级。无固定/绝对定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16210332/

相关文章:

html - css如何让图像比屏幕大?

html - max-width 在 mozilla 和 IE 中不起作用

javascript - 滚动经过某个div时如何使粘性导航改变颜色?

不使用 <div> 的 HTML EDM 覆盖元素

javascript - 动态高度调整

css - 没有绝对位置的动态父级的 float div 100% 高度?

javascript - 如何将我的进度条百分比限制为仅 100%

html - 使用 CSS 动态调整内容的高度

javascript - UIWebView 上的 CSS 加载动画

height - KO 网格滚动条不可见和显示问题