html - 当父项的高度设置为自动时,如何在 css 中使用百分比高度?

标签 html css layout

此刻我有一个很大的<div>我想添加一个底边距,将其从页面底部向上推。然而,这目前没有效果,因为它的父级 <body>标签,比它小,正如你在这里看到的:

body 标记以蓝色和棕色突出显示,但您可以看到我的 div(白色边框)延伸到它下方。 Example

但是,如果我应用设置 <body> 的技巧和 <html>标记为 height: automin-height:100%为了确保它们填满整个页面,我所有的内部内容都失去了它的大小,因为它们都使用百分比高度并且不再有固定高度的父元素。

如果父标签的高度为 auto,您如何使用百分比高度? ?

最佳答案

恐怕你做不到。元素的百分比高度仅在父元素具有特定高度时才有效。另请参阅:CSS – why doesn’t percentage height work?

关于html - 当父项的高度设置为自动时,如何在 css 中使用百分比高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21578834/

相关文章:

html - div填充 parent 和中心 child

android - 我无法使用颜色值来设置布局的背景

javascript - 处理 <select><option> 时 jQuery 在 Internet Explorer 11 中不起作用

javascript - HTML5 : working with the camera: sizing issue

javascript - 让事件处理程序忽略子项

jquery - 如何使用 jQuery 分配表的大小?

javascript - 显示在 animateCongrat() 函数中花费的时间

java - 关于简单计算器中的布局

java - 添加 Activity,布局显示但不起作用它是 java 代码(在 Activity 上)

javascript - 失踪案<li>