如何在CSS规则中将图片的max-height设置为父div的高度？

文章/答案/技术大牛

发布

2回答

html、css、image、height

我需要将图像的高度限制为包含文本的父级div高度。有没有办法在CSS中做到这一点？我有以下几点： img { max-width: 500px;} <div> <p>Text</p> &

浏览 54提问于2019-03-16得票数 0

回答已采纳

1回答

需要图像来匹配灵活的父包装器的大小。

html、css

我试图创建一个图片库，该图片库以页面为中心，最大高度/宽度为浏览器窗口的85%。目标如下：图像不应超过包装上设置的85%的最大宽度/高度。问题是，当我有一个非常高(或宽)的图像，img将忽略父母的最大

浏览 2提问于2014-12-04得票数 2

1回答

根据子img高度更改父div高度，不超过父div最大宽度。

jquery、html、css

我还没有找到任何好的CSS代码解决我的问题，并在所有主要浏览器工作。也就是说，无论何时在父div中使用max-height: 90%并在子img中设置max-height: 100%，safari都会自动执行此操作。然而，Mozilla没有。是否有任何跨浏览器解决方案，以确保img不超过父div的高度。但是父div可以根据孩子的

浏览 1提问于2016-05-29得票数 2

回答已采纳

3回答

在自举模态内的div上拟合ng引导旋转木马

html、css、angular、bootstrap-4、ng-bootstrap

我一直试图正确地设置css属性，以便在自定义ng引导模式中的给定空间(div)中设置一个ng引导旋转木马映像。看看这个分叉的代码。如样本源所示，图像与给定的模态空间(高度)以及放置它的col-8重叠。如何使旋转木马遵循其父col-8的大小？以避免与模态尺寸重叠。只有carousel-inner及其子节点不跟随它的父div，即ngb-carous

浏览 0提问于2018-10-30得票数 1

回答已采纳

1回答

如何根据内容动态设置父div的高度？

css、sass

我有一个灰色的父div容器，我在里面创建了一个可扩展的文本输入框，如下所示：如果展开输入框，我想动态设置父div(灰色的那个)的高度。然而，它只是隐藏在灰色的div容器下面。请参阅所附图片我曾尝试为父目录设置overflow:auto, max-height属性，但似乎都不起作用。这是我<

浏览 18提问于2020-09-30得票数 0

3回答

如何防止镜像扩展到容器之外？

css、flexbox

我有一个图像，它的高度大于它的容器的高度。图像被设置为max- height : 100%和max-width: 100%，但它继续超出它所包含的元素(高度-令人惊讶地不是宽度) text-align: center; flex: 1 1 auto;

浏览 0提问于2015-01-15得票数 3

回答已采纳

3回答

图像应该有100%的高度，但要有高宽比。

html、css

我有一个图片在一个网站(该网站是响应)。图像应该始终具有父div的100%高度(即高度为100%)，但具有高宽比。我试过使用CSS：max-width: 100%;但这样，图片的高度总是100%，它的原始大小。我想要它比原来的尺寸大，但要有高宽比。

浏览 5提问于2013-12-13得票数 0

回答已采纳

3回答

如果使用JavaScript的百分比值，如何获得CSS的高度和宽度？

javascript、html、css

如果使用JavaScript的百分比值，如何获得CSS的高度和宽度？让我们说CSS规则： height:50%;}let a = document.getElementById("field"); console.log有没有办法用JavaScript来获得百分比中的高度？

浏览 4提问于2021-04-14得票数 1

回答已采纳

1回答

of滑块和bxsldier寻呼机的控制高度

css、image、carousel、bxslider

我用my滑块显示我的图像。问题是我不能正确处理of滑块的高度。我有主图片和缩略图来滚动像这样的图片。>.bx-wrapper, .bx-viewport, .bx-wrapper {} 但是这个css也改变了缩略图的高度。class="thumb_pic&qu

浏览 5提问于2015-12-28得票数 1

回答已采纳

1回答

最大高度在Android股票浏览器上不像预期的那样工作

android、html、css

在Android4.0.4，股票浏览器上，我设置图片的最大高度有困难。目前，它呈现在容器之外。/300/600" /></div>.dualBlock { margin:50px auto;div.dualImage{

浏览 4提问于2014-02-07得票数 1

回答已采纳

1回答

使用最大高度设置的div* =>使包含的div使用css获取全部高度。*

html、css

我有一个div C，height是使用max-height设置的。这个div包含一个div D。用heig

浏览 2提问于2013-05-09得票数 0

回答已采纳

3回答

使div高度成为集装箱div的最大高度。

html、css

我有一个容器<div>，它有一个max-height属性。这个<div>包含另一个<div>，我希望子<div>能够增长到容器的最大高度。<div id='parent'> </div>当

浏览 3提问于2020-05-30得票数 1

回答已采纳

2回答

按高度百分比设置多个div以填充父div

html、css、height

我有一个设置了最大高度/宽度的父div。我想知道是否可以将两个子div设置为仅使用CSS即可根据百分比自动调整其高度？HTML： <div id="top"></div> <div id=&qu

浏览 0提问于2013-07-10得票数 2

回答已采纳

2回答

使div可滚动而不设置高度

javascript、html、css

如何使div滚动，而无需硬编码其高度？通常，当您想要使div滚动，您需要设置最大高度，否则它将扩展。#element { max-height: 100px;在我的例子中，我希望高度受到父级高度的限制(并且父级是可调整大小的)，而不是通过在CSS中设置它

浏览 2提问于2014-04-22得票数 2

回答已采纳

1回答

我正在尝试创建一个在页面上显示相机图像的应用程序。我有一页，将有两行3相机使用4 x 4的布局，这是很好的工作，因为大多数屏幕将适合两行相机。我试过做一个<div class="container" style="height: 75%; max-height: 80%">，但这似乎一点也不影响身高。在布局方面，这是我的第一排照相机： <div class="container" style=

浏览 2提问于2016-01-22得票数 0

回答已采纳

1回答

如何在javascript中设置正文垂直滚动中的百分比高度？

html、css

下面是我的css风格。table > tbody display: block; overflow-y:scroll; width: 100%;} 但是表格容器的大小是动态的，所以我想把它的高度设置为100%。( max-heigh

浏览 14提问于2018-01-11得票数 0

回答已采纳

2回答

由于其父高度，子ul dropdown被截断

html、css

<div class="carousel-inner"> <ul class="dropdown-menu"> <li>...</li></div> 我在div标签中有4个元素，但只显示了2个元素。我如何增加它的高度，显示所有下拉项。我使用了overf

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

4回答

height:父div只有max-height时100%无效

html、css、google-chrome

我试着用max-height设置父分区不超过窗口高度的80%，而子分区则将所有父分区的高度减去一些。<div class="con

浏览 1提问于2017-08-08得票数 6

2回答

以未知为中心

html、css、centering

' /></div> 父div被设置为占据整个屏幕(大小未知)，因此width:100%和height:100%。子div的宽度和高度是未知的。在一个用例中，子div包含一个图像。在另一种情况下，它包含一个视频。子div的宽度和高度必须

浏览 5提问于2013-11-18得票数 1

回答已采纳

3回答

Angular-使用高度设置动画:自动；不起作用

javascript、css、angularjs

我的css规则是： transition: all ease 0.5s;} .expanded.ng-hide {但是如何让它在没有height定义的情况下工作呢？我需要这个，因为.expanded容器的内容可能不同。

浏览 3提问于2016-03-24得票数 8

回答已采纳

点击加载更多