CSS:四个div动态共享父级的高度

文章/答案/技术大牛

发布

1回答

html、css

我在一个高度为29rem + 1fr的网格中有一个父div。在div中有四个孩子。第一个和第三个具有固定的高度(两者的高度与其内容相同，且不变)，第二个和第四个必须具有动态高度，因为它们的内容。HTML： <div class="unplanned"> Index

浏览 13提问于2019-11-20得票数 1

回答已采纳

3回答

使动态生成的列表项成为集合父级高度的%高度

javascript、jquery、html、css

因此，在固定高度父级div中设置了以下垂直选项卡： <li><a href="#" data-toggle> 每个<li>项目都是动态的(可以添加或删除它们)。父div tabs-left的设置

浏览 0提问于2014-04-17得票数 0

回答已采纳

2回答

如何在缩放时滚动到div的所有边缘

html、css

仅使用CSS，我就试图在位于父div内绝对位置的div上执行摇摄行为。我最终想要动态地改变宽度和高度(放大和缩小行为)。当大小大于父级时，我希望能够在整个子div中进行平移(使用滚动)。子div有更大的宽度，我希望滚动看到它的所有四个边。但是，滚动只发生在右侧和底部。如果我在该div中有一些内容--它将在div</em

浏览 5提问于2022-08-24得票数 1

3回答

div中的相等列

html、css

下面，我有一个主DIV，里面有三个子div。我的目标是让子div平均分配并填满父容器的高度。另外，我想添加第四个div，这样它将再次占据与父容器相同的共享高度。有没有可能我可以简单地在父对象中添加一个带有类名的容器(子) div，这样它就可以动态地选择高度。backgroun

浏览 30提问于2018-02-27得票数 0

回答已采纳

4回答

如何使子高度相对于其父高度-Css

html、css

我有一个父div，它的高度是动态设置的，因此它可以根据用户设置进行更改。现在我在它里面有一个子div，我想以这样的方式设置div的内容，随着父级div高度的变化，内容应该仍然在定义的规范中。例如:我希望：padding: 40px 54px 54px;在子div周围，而不管父

浏览 1提问于2019-02-26得票数 1

回答已采纳

2回答

如何在两个父母(一个普通父母和一个唯一父母)的内部水平对齐2个div？

html、css、flexbox

一张图片= 1000字，让我告诉你我的意思：Div 1是普通的父级，它是容器，Divs 2是唯一的父级，是列，Divs 3是我想要水平对齐的两个子级。它们的大小是动态的，没有一个有固定的高度，但是如果其中一个比另一个高，我希望它们都以相同的高度显示。我已经使用了flexbox对齐D

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

4回答

继承父级高度不起作用

html、css、jsfiddle

我想让.row内部的.cols继承.row的高度，并使.cols固定在.row内部。我的想法是让它看起来像一个表，但是使用div。像这样：

浏览 0提问于2012-05-08得票数 13

回答已采纳

4回答

CSS: div高度占用父级的所有可用空间

css

我有这个： <div id="header"></div></div> 我希望该内容占用父级的所有剩余空间，但当我在css中添加高度: 100%时，

浏览 6提问于2014-05-28得票数 0

回答已采纳

2回答

高度: 100%的溢出物

css

是否可以使用position: absolute;使元素具有父元素的全部高度，包括溢出的内容？} position: absolute; width: 2px; height: 100%;<divclass="container"> <div class="line"></div>

浏览 0提问于2018-09-01得票数 1

回答已采纳

1回答

如何将div定位到父div的右侧和中间

html、css、internet-explorer-8、internet-explorer-7

我对div有问题。我希望链接"Go“是右对齐的，并垂直居中的父div。我试过几种方法，但还没有成功。在这里你可以看到我的HTML和CSS代码：div.row { border-bottom: 1px dotted #999999;div.listdiv.name { width: 40%;div</e

浏览 19提问于2016-08-05得票数 2

1回答

使用.animate方法和计时器插件时的jQuery动态背景位置

jquery、jquery-animate

完全是新手或菜鸟;)到jQuery，所以请对我耐心一点…我的jQuery代码和XHTML如下： <

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

1回答

溢出隐藏不工作，尽管有高度设置

jquery、html、css、animation、overflow

background-color: white; padding: 0;} 我已经浏览了前面的线程:我给元素以溢出:隐藏的高度，我将另一个容器(我的内容div)设置为:相对，但是当我在最初的动画中滚动时，我仍然可以看到我的内容在下面。如果有任何提示我会很感激的。

浏览 3提问于2016-10-11得票数 1

回答已采纳

1回答

将子div元素与具有动态高度的父div垂直对齐。

css

如何将子元素与具有动态高度的父元素垂直对齐。CSS代码： height: 400px;.child{ top:50%; transform: translateY如何更改它，使其随父级的动态高度而变化？

浏览 2提问于2016-09-01得票数 8

回答已采纳

1回答

使用jquery根据父div高度动态更改子div高度

jquery、html

我在根据父<div>高度动态更改子<div>高度时遇到了问题<div id="parent" style="height:600px"> $("#children").height(map

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

1回答

完全淡出元素，然后再淡出另一个

angularjs、angularjs-animation

但是，如您所见，在隐藏显示的当前元素之前，它会显示先前隐藏的元素。这样您就可以同时显示这两个元素。是否有办法等到第一个元素完全隐藏后才显示第二个元素？当然，我可以用自定义指令来完成这个任务，但是在走这条路之前，我想确定没有开箱即用的方式。我试过什么.ng-hide-remove { transition:all 1s ease 1s;} ( b)使用高度</e

浏览 0提问于2014-02-18得票数 3

回答已采纳

3回答

在css中，我们可以选择从哪个父级继承吗？

html、css、inheritance

可以选择从哪个父元素继承元素吗？例如，我们有一个带有<body>标记的普通HTML代码等等。在<body>内部，我们有一个<header>和<div id="section">，我们可以强制#section从<header>继承height吗

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

5回答

具有动态高度的垂直中心div上的垂直滚动

html、css

我使用display:table和vertical-align:middle垂直居中动态高度的div。CSS display:table; width: 100%; display: table-cell;.content { width: 100px;} HTML

浏览 4提问于2014-12-27得票数 1

回答已采纳

5回答

使div高度与其父级相等(100%)

html、css、height

我有一个主div包含另外两个div。我需要的第一个必须有相同的高度的父div。CSS中没有指定父级div高度。下面是一个例子：粉红色div必须扩展到父级的完全高度(红色边框)。我尝试过的一个解决方案是使用display:flex，但它并不是IE友好

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

回答已采纳

2回答

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

html、css、height

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

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

回答已采纳

2回答

使div可滚动而不设置高度

javascript、html、css

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

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

回答已采纳

点击加载更多