腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >Div自动高度不工作

问Div自动高度不工作
EN

Stack Overflow用户

提问于 2017-12-20 08:07:36

回答 1查看 2.1K关注 0票数 0

访问(小浏览器宽度) 网站 ==>卷号==>类型jit，该div将有滚动条。(已完成)

现在访问(小浏览器宽度) 网站 ==>音频教程==>单击part1，div高度将增加。(好)

我的问题是为什么Roll Number div不增加高度？

代码：

@media screen and (max-width: 650px) {
    .card.h-50 {
        height: auto !important;
    }
}

css

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-12-20 08:27:25

问题是search-box div有固定的高度，而result div有position: absolute;，这阻止了card div的增长。

绝对定位的元素不被视为文档流的一部分，因此它们的宽度和高度不会影响其父级的尺寸。

只需将position: absolute;更改为position:relative;就可以解决问题。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/47910151

复制

div 自适应高度自动填充剩余高度

html css

方案1： Html： <div class="outer"> <div class="A"> 头部DIV </div> <div class="B">下部DIV </div> </div> CSS： html, body { height: 100%; padding: 0; margin: 0; } .outer { height: 100%; padding: 100px 0 0; box-sizing: border-box ; position: re

庞小明

2018/03/07

5.3K0

div高度自适应

css

div高度自适应, 一般设置min-height值即可。如min-height: 200px, 当div的内容高于200px时, div会自动伸展。IE6不支持这个属性，可以用css hack来解决。

小小许

2018/09/20

2.3K0

div高度自适应

IE7 高度自适应 .boxwrapper { height: 500px; } .box { width: 200px; min-height: 200px; _height: 200px; border: 1px solid #ccc; } 内容高度小于200px test test test test test 内容高度大于200px效果 t

田

2021/11/08

1.8K0

Javascript 获取div真实高度

其他

第一种情况就是宽高都写在样式表里。比如#div1{width:120px;}。这中情况通过#div1.style.width拿不到宽度，而通过#div1.offsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中。比如style="width:120px;"，这中情况通过上述2个方法都能拿到宽度。（什么是行内，就是直接在html标签上写样式）小结，因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内，所以我们

问天丶天问

2018/06/13

5.2K0

iframe的高度自适应_div自适应高度

javascript html

大家好，又见面了，我是你们的朋友全栈君。 Demo页面：主页面 iframe_a.html ，被包含页面 iframe_b.htm 和 iframe_c.html

全栈程序员站长

2022/11/04

7.2K0

内容高度小于窗口高度时版权 div 固定在底部

css bug document height window

网站建设中经常遇到文档内容高度小于窗口高度时底部版权 div 固定在底部的问题，纯 css div 底部不太好解决这个问题，这里使用 js 代码来对检测文档高度和窗口高度来实现。

Savalone

2020/02/11

2K0

css div高度设置100%如何生效！

c++渲染

然后他发现这个<div>高度永远是 0，哪怕其父级<body>塞满了内容也是如此。事实上，他需

用户6921669

2020/02/01

5.9K0

div高度设置100%无效的问题

height 博客前端

今天遇到一个问题，给div设置高度 height: 100%;却没有生效，在f12审查元素的时候可以看到高度字占据了半屏，并没有占据100%全屏，也就是说，div高度设置100%无效。

王小婷

2019/08/08

5.3K0

无固定高度的div垂直居中

css

1、无固定高度的div垂直居中 – CSS 实现效果图如下：代码附上： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,user-scalable=0"> <meta name="apple-mobile-web-app-capable" content="yes">

White feathe

2021/12/08

3.2K0

div包裹img时div高度高于img的解决办法

image png

代码如下： <div> <img src=''" style="width: 36px; height: 36px;"> </div> 现象如下： image.png 可以看得出，红框里的圆形

飞奔去旅行

2019/06/13

3.9K0

DIV+CSS侧边栏自适应高度

ruby container mysql rails safari

如上面这个比较经典的两栏布局。如果sidebar1使用了背景平铺图片或者背景颜色，这时候，如果如果另一侧的mainContent比sidebar1高的话，就会出现sidebar1上半部分是之前指定sidebar1的背景，而下面则是这个container的背景。也就是说sidebar1定义的背景并没有自动随着页面高度的增加而自动延伸下来。

EltonZheng

2021/01/26

2.6K0

关于Div的宽度与高度的100%设定

其他

正像你所知道的那样，设置DIV大小的有两个属性width和height，以前在学习DIV每次给DIV设置100%宽度或高度时都很迷惑，不明确这个100%的宽度（高度）到底有多宽有多高？这个100%是从哪里得到的从哪里继承的？今天我们的话题就是有关div高度100%的问题！

bear_fish

2018/09/19

3.9K0

单列div不包含里面div margin的解决方法

class hidden overflow push window

若一个大的div ,里面有2个小div,第一个小div有margin-top:20px; margin-bottom:20px;,第二个小divmargin-bottom:20px;

tianyawhl

2019/04/04

1.3K0

上下div高度动态自适应--另类处理方案

css

这段时间在工作中遇到一个看似较为棘手的问题。问题描述：查询报表页面分为上下两部分，上部分为条件输入区域，下部分为报表展示区域。客户要求做到默认满屏（但要动态适应不同的窗体大小，也就是浏览器窗体用户会手动改变其大小），但上部分条件输入区域有动态变化高度的现象。在遇到上述问题，您是否第一反应就是利用window的onresize事件，做尺寸的动态调整。但是条件输入区域某个按钮动态改变了上部分的高度时，我们又应该如何呢。是否有统一的处理方案呢。今儿本人就把我自己的想法和测试提供出来，供大家参

sam dragon

2018/01/17

3.1K0

这种div高度自适应确定你知道吗?

css

1. 随子元素div高度自适应如何下面的child1和child2浮动，parent高度就会为0，前提child1和child2都有高度，如果你想parent的高度自适应，请继续阅读 <body> <div class="parent"> <div class="child1"></div> <div class="child2"></div> </div> </body> 样式省略方法1 .parent{ overflow:hidden;

潇洒哥和黑大帅

2018/10/23

7900

textarea内容自动撑开高度，实现高度自适应

html https 网络安全容器网站

大家好，我是前端队长Daotin，想要获取更多前端精彩内容，关注我(全网同名)，解锁前端成长新姿势。

Daotin

2021/07/01

26.4K0

div 或 span 的高度比 img 的高度要多3px。如何解决？

border padding

如果将一个 img 放在 div 或 span 里面，你会发现在img下面无端端的就多出3px的空白出来。padding、margin、border都设为0，无效！那么怎么解决这个问题呢？

用户9914333

2022/07/22

1.9K0

移动端布局伸缩、设置div高度等比例缩放

html 网站

随着移动端的屏幕大小，div的布局宽度是设置100%，所以可以跟着变化。但是高度是固定写了10rem的高度，这样是无法随着宽度变化进行等比例变化的。

Devops海洋的渔夫

2019/05/31

2.5K0

Windows凭据不工作

云服务器 windows server windows

如果不是敲错IP、用户名、密码，报凭据不工作，一般情况下执行这几句命令后重启远程服务就正常了

Windows技术交流

2021/06/15

6.2K0

点击加载更多

相似问题

Div自动高度不工作- CSS

自动扩展div高度不工作

高度自动在后台div中不工作。

高度自动不工作

Div 100%高度不工作

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

问Div自动高度不工作
EN