html - 不用JS填充剩余空间

标签 html css

有没有办法让'fill'在不使用JS的情况下按其高度剩余空间填充?

<div id="all" style="height: 30%">
<div id="ukn" style="height: unknown"></div>
<div id="fill"></div>

</div>

最佳答案

只需将未知的 div 放入 #fill div 并将其高度设置为 100%。

<div style="height:30%;">
    <div id="fill" style="height:100%;">
        <div style="height:_unknown_;"></div>

    </div>
</div>

关于html - 不用JS填充剩余空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6478313/

相关文章:

html - 如何防止浏览器将 HTML 插入到 contenteditable 元素中

html - 哪些元素将首先加载到 html 页面中?

css - 应用于 Angular 2 中父组件的子样式?

javascript - ‘cssRules’ 和 ‘rules’ 对象有什么区别?

html - 悬停时CSS从另一个div更改图像

php - 如何使 Magento 页面完全空白?

javascript - 在 iframe 中的光标位置插入 HTML 控件

javascript - 如何为进度条制作三 Angular 形设计

css - GPU 加速的 CSS 动画与 SVG 原生动画

html - 背景视频大小问题