如何使用CSS将div的高度调整为容器高度？

文章/答案/技术大牛

发布

14回答

html、css

如何使用CSS将div的高度调整为容器高度？<div class='container'><br>   <div style='display: block; height: 500px'>left</div>

浏览 4提问于2009-12-10得票数 10

2回答

使HTML5视频适应父元素大小

javascript、css、html、video

我在a中有一个元素，当页面上的其他元素被动态调整大小/添加/删除时，它会自动调整大小。我希望视频元素也自动调整大小，以便它始终包含在它的背景div中；如果我将视频元素的CSS高度和宽度设置为100%，这类工作，因此它总是与它的容器相同的大小。然而，如果包含div的尺寸低于视频图像的<

浏览 0提问于2011-11-12得票数 5

1回答

使用bootstrap容器类将svg的高度设置为父div

html、css、svg、bootstrap-4

我想要将svg高度调整为父div容器，它可以很好地使用 height: 100%; }将内部div设置为<e

浏览 1提问于2021-11-26得票数 0

1回答

显示溢出-y仅在角度2和更高的高度上存在高度差异

javascript、html、css、angular

</div> </div>id为'leftContentDiv‘的div容器具有固定的高度大小；因此，如果id为'leftContentDiv’的div容器的内容不超过id<

浏览 0提问于2019-08-22得票数 0

2回答

CSS相对容器不使用边距子元素进行缩放。

html、css、css-position

我有以下问题：如果我没有设置容器的高度，它会根据其包含的子容器调整高度/宽度。.container{} position:relative;

浏览 0提问于2013-04-29得票数 0

回答已采纳

1回答

如何将默认高度设置为容器，但仍可调整为响应CSS

html、css

我有一个div容器，它包含一个高度为311 of的img。父容器遵循该图像的高度，但我希望容器的高度为532 to。我已经将图像CSS设置为width: 100%; height: 100%; object-fit: cover;，这样即使图像很小，仍然可以在没有任何失真的情况下填充容器，但是我需要使

浏览 1提问于2022-06-06得票数 0

2回答

如何通过屏幕高度而不是浏览器高度来设置高度

css、position、height

例如，我如何设置div容器的高度为屏幕高度的60%？如果不调整浏览器窗口的大小，则在css中将高度设置为60%效果良好。但是如果我缩小浏览器窗口，div也会相应地缩小。提供了一个很好的例子。“任务完成”，灰色部分始终是相同的高度，无论浏览器窗口如何调整大小。

浏览 3提问于2017-11-09得票数 0

3回答

将具有百分比高度的背景图像转换为窗口上的像素高度

javascript、jquery、css

我有一个垂直图像，我想100%的高度，它的div容器，每当一个页面被加载。这是很好的工作，但当我打开检查器或当浏览器调整大小时，图像自然会按比例缩小。Css方法获取高度的计算大小，并以像素为单位设置“新”高度： var heightPx = jQuery('.bkg-image加载完成后，如

浏览 7提问于2017-01-10得票数 0

回答已采纳

2回答

如何在AngularJS中将元素大小返回控制器

javascript、html、angularjs

我有一个AngularJS应用程序，其中有一个容器div，它将包含一些元素，我必须根据容器div中的可用空间动态调整大小。我需要那个div的大小(宽度和<

浏览 2提问于2015-12-18得票数 0

回答已采纳

3回答

jQuery Cycle插件-容器的自动高度

javascript、jquery、jquery-cycle

我在一些div上使用，如下所示： <div class="Section"> <img /> text </div> <div</em

浏览 0提问于2010-07-08得票数 9

回答已采纳

1回答

JQuery .animate()在完成之前完成正在执行的函数

jquery、jquery-animate

有一个带有10px填充的容器div (#content)和它的content (#inner_content)。在执行此操作时，我希望容器div (#content)的高度通过动画调整为新内容的高度。因此，我设置了overflow:为容器div隐藏，当我加载新内容时，我获得它的高度，并将<em

浏览 1提问于2012-06-08得票数 1

回答已采纳

1回答

如何使我的容器对它里面的容器相应地生长呢？

html、twitter-bootstrap、css

我的问题是这个。我有容器，在他里面，我有另外两个容器，一个用来放置图像的容器，另一个用来放置标题和段落的容器。我想做一个新闻的简短预览，我将有多个副本的容器，不同的图像，不同的标题和段落，我不想总是调整父容器的高度，我想要自动调整他的高度。我能用CS

浏览 2提问于2015-06-28得票数 0

回答已采纳

4回答

sap.ui.table.Table "VisibleRowCountMode.Auto“模式不工作

sapui5

我在设置表的行数以自动填充其封装容器的可用属性时遇到了问题。，将visibleRowCountMode属性设置为sap.ui.table.VisibleRowCountMode.Auto应将表呈现为编辑:由于@matz3 3的回答，我最终解决了这个问题。将周围的容器DIV设置为<

浏览 14提问于2014-03-19得票数 5

回答已采纳

2回答

在不使用javascript设置静态高度的情况下是否正确溢出？

css

问题很简单：在左边的例子中，我让整个东西滚动，这很好用，因为我可以将滚动div的高度设置为100%。在正确的示例中，它不起作用，因为我不知道滚动div的高度应该是多少，因为它与另一个元素共享该空间。如果我将它设置为100%，它会从容器溢出，产生示例中看到的第二个滚动条。我知道我可以使用javascript将.scroll<e

浏览 0提问于2012-10-19得票数 1

回答已采纳

2回答

可以通过容器来限制滚动元素的高度吗？

html、css、height

div被设置为overflow-y: scroll，所以它的目的是填充容器的剩余高度，并在不完全适合的情况下为其内部表的其余部分提供滚动。</table></div> 尽管我进行了修补，但我永远不能让第二个孩子，scrollingTable div，将自己约束到容器提供的限制。<

浏览 2提问于2011-07-27得票数 2

回答已采纳

4回答

在调整窗口大小和加载时，将div高度与父级匹配。

javascript、jquery、resize

在页面加载时，我可以将子容器与父容器的高度匹配，但我的问题是如何在调整窗口大小时使其与父容器的高度匹配，下面是我的代码：<div id="ocg-hero" class="container"> <<

浏览 3提问于2013-06-24得票数 1

回答已采纳

1回答

保持容器的内联行为，但将其高度设置为所需的值

css

我有一个容器(例如div)，里面有一个子容器(span)。容器和子容器应该有相同的高度，但背景颜色不同。子容器应该像简单的单词一样包装，但是背景应该与它们一起包装。因此，如果我将主容器的display设置为inline-block，它就会变成一个矩形，但是其他东西工作得很好。当我将display属性设置为inline时，它<e

浏览 0提问于2014-11-21得票数 0

回答已采纳

1回答

流体高度约束图像HTML

html、css

寻找一些帮助，如果有可能在CSS中做一个流动的高度图像。我想让box div处于设置的高度，但动态调整容器的大小，以便在不超过设置的框高度的情况下显示底部的所有文本。基本上这是一个流体宽度的网站，在那里我想要封顶的框高度，并自动调整图像大小，以显示所有的文本，而不超过高度</

浏览 0提问于2012-05-20得票数 1

回答已采纳

3回答

使不同宽高比的响应式图像具有相同的高度

css、responsive-design

我正在试着找出一种方法，让一排响应的图像具有相同的高度，而不考虑每个图像的纵横比或容器的宽度。实际图像文件的高度相同，但宽度不同。问题是，当容器变小时，在某些宽度上，舍入误差会导致图像高度不同的一个或两个像素。这是一个fiddle ，调整结果窗格的大小，你会看到一些宽度的图像不再是相同的高度。我的</e

浏览 0提问于2014-10-18得票数 6

3回答

用Grid堆栈容器调整高度的Div

jquery、html、gridstack

我在应用程序中使用Gridstack.js框架，并有一些div列：<div class="cont"></div>我将第一分区的高度设置为与Grid堆栈容器

浏览 0提问于2017-07-18得票数 1

回答已采纳

点击加载更多