如何设置一个子div的高度？
要设置一个子div的高度，可以使用CSS的height属性来实现。
具体的设置方式有以下几种：
- 使用具体的高度数值：可以直接给子div设置一个具体的高度数值，例如height: 200px;，表示子div的高度为200像素。
- 使用百分比：可以使用百分比来设置子div的高度，相对于其父元素的高度。例如height: 50%;，表示子div的高度为父元素高度的50%。
- 使用vh单位：可以使用视窗高度单位vh来设置子div的高度，相对于浏览器窗口的高度。例如height: 50vh;，表示子div的高度为浏览器窗口高度的50%。
- 使用calc()函数：可以使用calc()函数来进行复杂的高度计算。例如height: calc(100% - 50px);，表示子div的高度为父元素高度减去50像素。
需要注意的是，设置子div的高度时，父元素的高度也需要设置，否则子div的高度设置可能无效。
以下是一些常见的应用场景和推荐的腾讯云相关产品：
- 应用场景：设置子div的高度常见于网页布局中，用于实现页面的自适应布局、响应式设计等。
- 腾讯云相关产品：腾讯云提供了云服务器、云数据库、云存储等多种产品，可以用于搭建和部署网站、应用程序等。具体可以参考腾讯云官网的产品介绍页面：https://cloud.tencent.com/product
请注意，以上答案仅供参考，具体的实现方式和推荐的产品可能会根据实际需求和情况有所不同。
相关·内容
div本身就是其内容的高度。
我希望div包含两个子元素:另一个div (或左对齐的图像)和一个无序列表(ul)。内部div (或图像)将与父div的高度匹配，父div的高度将符合列表的高度(可以包含任意数量的项)。
我不确定如何设置父div的高度以匹配列表的高度，以及如何使内部div与外部div的高度匹配。通过CSS正确地完成。
替代的解决方案被欣然接受，这只是我试图解决我的设计目标的一种方式。
浏览 3提问于2011-03-08得票数 1
回答已采纳
1回答
我使用的是一个jQuery UI可调整大小的函数，这样我就可以在页面生成器中调整元素的大小。
如何在调整列的大小时自动调整列中的元素大小？
<div class="block-aq_column_block">
<div id="element1"></div>
<div id="element2"></div>
</div>
现在，当我调整block-aq_column_block，的大小时，我希望它中的所有元素都能用它来调整大小。
我知道我应该使用also
浏览 10提问于2014-03-18得票数 0
我需要在div父容器中堆叠div。父div容器也是一个子容器或在父容器内。
我的问题是，当将div堆叠为像素时，一切都是正常的；然而，如果我需要在div堆栈的下面或堆栈之间插入一个，有时我会丢失一个像素。我知道0.3232个像素是不可能的，我假设我丢失了小数点后的一个像素。
我有一个常量设置为变量PIXELS_PER_FOOT =25；
如果我有一个像下面这样的结构，我如何设置一个子元素的百分比与超父元素成比例？
<div id="superParent" height='500px' OR 20 Feet >
浏览 1提问于2012-05-23得票数 1
我有一个父级div或class=row，以及两个分别为class=colo-xs-6的子级。我希望有空间之间，但也有边界。所以我给每个人都增加了一个孩子。-xs-6类提供一个15 my填充，所以我得到了我的空间。现在的问题是，我希望它们的大小是一样的。
我在该行中添加了显示:表行。
我在两个子列中添加了display:table-cell和float:none。它给了div等高。
我的问题是，包含内容的第二个子div比第一个子div小。因此，固体边界并不是等高的。子div如何继承父级大小？
<script src="https://code.jque
浏览 3提问于2016-02-01得票数 1
我认为这可能是一个古老的问题，但我很难找到答案。我有一个父div和两个子div，使用display:inline block (用于表格结构。
我想在两个子div之间有一条垂直线，所以我添加了另一个子div作为div。
它的工作方式是-如果任何子div有更多的内容，那么在父div中应该有垂直滚动条。
现在我遇到的问题是--当我在parent中得到一个滚动条时，div没有接触到parent div的下边框。有一个差距。我需要它一直被触摸到底部。
HTML
.container {
border:1px solid red;
display:block;
width:200px;
浏览 0提问于2015-04-09得票数 0
我有两个子DIV包含在父DIV中。
通常，第一个子对象的高度是父对象的30%，第二个子对象的高度是父对象的70%
当单击某个图标时，第二个子图标应扩展到填充父图标高度的100%。
我如何用jQuery实现这一点呢？我可以使用来完成这个任务吗？
浏览 0提问于2012-06-18得票数 0
我有一个容器div，定义了一个固定的高度。这个div包含两个子div，这两个子div应该与另一个子div一样具有容器边界的边距。第一个子级应该扩展以适应其内容，而第二个子级应该填满容器并在必要时显示滚动条。
下面是一个工作示例的样子：
在两个孩子上使用绝对定位效果很好，但它需要第一个孩子的固定高度(上面例子中的“header”)。每当第一个子节点扩展时，第二个子节点当然会与其重叠。
有关示例代码，请参阅jsfiddle实例和。
你知道如何设计这种方式吗?无论页眉变得多大，页边距都可以应用。
提前感谢！
浏览 1提问于2011-10-26得票数 2
回答已采纳
我有一个必须设置为overflow:hidden的div，并且我希望它的一个子div滚动内容；但是，无论我如何处理该子div上的overflow，它都不会滚动。如何重写继承？
浏览 1提问于2009-08-01得票数 3
如果我制作了一个包含两个子流和列流的挠曲盒，并将第二个子流设置为flex-grow 1，那么第二个子子将展开以填充该柔性盒。这行得通
(ps:不想用safari支持这个例子，所以使用Chrome或Firefox)
* {
box-sizing: border-box;
}
html, body {
margin: 0;
width: 100%;
height: 100%;
color: white;
}
#outer {
display: flex;
flex-flow: column;
height: 100%;
}
#top {
backgroun
浏览 1提问于2015-10-14得票数 6
回答已采纳
如果我有一个包含两个子div的div:是否可以在父元素上设置height:auto；，但只将其应用于一个子元素，并将另一个元素设置为overflow-y:scroll;？
下面是一个示例：
这就是我的意思:我可以让div.one适应div.two的高度，而忽略div.three吗？
有什么合适的方法来解决这个问题吗？谢谢!
编辑: div.three中的内容是由php foreach循环从xml文件中生成的，所以我希望能够编辑xml，而不必每次都编辑html/css。所以我不知道div.three会持续多久。我希望它是动态的。
浏览 1提问于2011-08-22得票数 1
2回答
我有一个包含的div，它的高度和宽度受到限制。它有两个子元素。
第一个子级可以是可变高度的(因为其中的文本可以换行，这是所需的行为)。
第二个子节点是包装表格的div。div被设置为overflow-y: scroll，所以它的目的是填充容器的剩余高度，并在不完全适合的情况下为其内部表的其余部分提供滚动。
下面是该结构的简单视图：
<div id="container" style="height:300px; width:200px">
<div id="headerArea">
...
</div
浏览 2提问于2011-07-27得票数 2
回答已采纳
下面的例子显示了平铺的div，一旦点击淡出，我就一直在尝试扩展它，这样一个子img就会被删除，而不是div。
当发生这种情况时，div会丢失CSS定义的所有宽度和高度，网格也会被破坏。
有没有人知道如何使用JQuery UI effects来为图像添加动画，该效果使用display none和保持网格布局？
-工作示例
谢谢
浏览 1提问于2012-10-11得票数 1
回答已采纳
在这个页面上bonusnavigator.ru
我有一个div:.toppanel .topcasino .inner
它现在显示了11个子now .toppanel .topcasino .inner .row- (交易)。当我试图减少交易数量时，我得到了以下信息：
我如何设置css，以便子div能够像这样填充释放的空间：
先谢谢大家。
更新：感谢前两项建议，但它们处理的是"post结果“。我想问的是，如何设置子div ( deals )来动态地改变高度，以填充释放的空间，这取决于父div中有多少交易。
浏览 3提问于2013-12-26得票数 1
如果我有两个div，其父div (我们称其为# parent )的高度是动态的，那么有没有办法使用jQuery将一个子div(我们称之为# child )保持在相同的高度，并且当父div响应地改变高度时，该高度会增加和减少？
浏览 0提问于2013-11-09得票数 3
回答已采纳
3回答
我在父容器<div>中有两个子<div>元素，如下所示：
<div class="row">
<div class="item">
<p>Sup?</p>
</div>
<div class="item">
<p>Sup?</p>
<p>Wish that other guy was the same height as me</p>
浏览 0提问于2013-05-17得票数 35
回答已采纳
我有这个问题，我不知道该如何面对。
有一个面向列的flexbox，它有三个子元素: top、middle和bottom。在中间的子组件中，我需要嵌套一个第三方组件，该组件要求以绝对单位(例如px)知道其容器的大小才能正确呈现。
我能想到的唯一解决方案是在CSS引擎计算出中间容器的大小后，以像素为单位找出它，然后使用js来设置大小。
更糟糕的是，如果将组件的高度设置为百分比，则该组件无法正常工作
所以,
<div id="componentPlaceHolder" style="height: 10%;"></div>
不起作用。你必须做一
浏览 0提问于2018-05-08得票数 2
如何使两个子元素(蓝色边框)与父元素(黑色边框)完全匹配，而无需调整高度？
我的代码：
<html>
<head>
<style>
.parent {
border: 3px solid black;
height: 500px;
}
.child {
border: 3px solid blue;
height: 50%;
margin: 2% 1%;
浏览 3提问于2020-05-12得票数 0
回答已采纳
3回答
基本上，我有一个父div元素，只包含一个子div元素。现在，我想将子div的位置设置为绝对值(对于动画/页面转换效果)。但是在这样做时，父div元素的高度被设置为0，这将改变不需要的整个布局。
如何将此设置为将父div元素的高度设置为绝对定位的子div元素的高度。
下面是我的代码块
HTML
<div class='parent'>
<div class='child'></div>
</div>
CSS
.parent {
position: relative;
}
.child {
position
浏览 1提问于2022-02-18得票数 0
我试图了解Stripe是如何在这里实现其布局的：
该页面有一个包含2个子div的列flexbox :一个用于导航条，另一个用于主要内容。列的方向意味着导航栏将位于主要内容的顶部。导航栏不使用sticky，据我所见，它也不使用fixed定位。
主内容div是一个带有overflow-y: hidden的Flexbox，有2个子div:第一个用于LHS侧栏，第二个用于主页面内容。
注意，左边栏和主页内容独立滚动，整个页面本身根本不滚动。除非我误解了正在发生的事情，否则Stripe似乎在使用主div中的溢出隐藏属性来确保页面内容div不会超出视区，因此整个页面是不可滚动的。内部div使用overfl
浏览 15提问于2022-12-04得票数 0
我想在一行中显示2个div。我有一个父div和两个子div，我想保持第一个子div和父div的宽度相等。所以标题(第一个子div的标签)总是显示父div的中间位置，我想在父div的同一行的右侧显示第二个子div。(条件是第一个子div的标签应该显示父div的中间)。这是。
浏览 1提问于2013-06-06得票数 1
回答已采纳
我有一个没有高度的父div，也嵌套了另一个子div，里面有绝对位置。Child div的高度为652px。但我不能在父div中获得相同的高度。我试着使用clear: both，overflow。
代码如下：
HTML
<div class="content">
<div class="container">
some other elements whose height is 652px...
</div>
</div>
CSS
.content {
浏览 18提问于2018-08-19得票数 1
回答已采纳
正如title说的，我有一个父div，两个子div (div1和div2)，让我们假设父div总是它自己的父级的100%。例如，我给出了200 as的div1高度，如何使div2以其他左空间作为其高度，使父母100%的高度减去兄弟姐妹的200 as。
浏览 3提问于2017-06-05得票数 0
回答已采纳
1回答
我已经构建了大量的div，其中有一个父元素充当包装器，其中一个子元素将大小调整为父元素的一部分，然后滚动溢出，但由于某些原因无法正确处理这个特定的元素。
我有一个父容器->第一个子容器是一个头->第二个子容器包含内容，大小可以填满父容器-头。
我已经将父对象定位为绝对位置，并将其附加到document.body中，这样它就可以填充整个屏幕，减去一点宽度和高度。
当我调整内容元素的大小以在超过给定高度的情况下滚动时，行为就好像它根本没有父元素一样，甚至没有document.body。宽度可以很好地工作；但是，不希望发生的行为只发生在以百分比形式设置高度时，如果以像素为单位设置，则效果
浏览 4提问于2013-03-18得票数 2
回答已采纳
我有一个包含Google的JQM页面。JQM页面包含一个标题和一个内容部分。content部分本身包含Google。
<div data-url="map-page" data-role="page" id="map-page" data-title="Test">
<div data-role="header" data-position="fixed">
<h1>my header</h1>
</div><
浏览 1提问于2014-06-30得票数 0
回答已采纳
我知道这听起来像在flexbox上的另一个问题，这个问题在其他地方得到了解决，但我无法从google或堆叠溢出的现有帖子中找到解决方案。
问题很简单。
我有3个子div在一个父div中，其中一个包含一个大于其最终大小的内容。我希望每个孩子都是其父母的1/3，而不管其内容如何。
这是小提琴：
下面是HTML：
<div class="parent">
<div class="child red">
<div class="content">1</div>
</div&g
浏览 4提问于2015-07-27得票数 3
回答已采纳
我想在隐藏的div容器中获取图像的高度/宽度，但.height()和.width()都返回0(与预期不谋而合)。
$('body').append('<div id="init"><img id="myimg" src="someimage.png" /></div>');
$('#init').hide();
$('#myimg').height(); // == 0
$('#myimg').width(); // == 0
如何
浏览 4提问于2010-09-21得票数 7
回答已采纳
1回答
我在一个高度为100%的容器(.inner)中有三个子元素(.container)。在那之后，我有另一个div (.post)，它不会被推到容器下面。
这是一把小提琴
HTML：
<html>
<body>
<div class="container">
<div class="inner">Inner1</div>
<div class="inner">Inner2</div>
<div class="inner"&
浏览 3提问于2015-01-03得票数 1
回答已采纳
我有一个子div，它在父div中悬停时增加其高度，该父div的overflow-y设置为visible。从最近开始，父div一直在调整/增加它的高度，以便当子div的高度增加时与子div的高度相匹配，而不是简单地允许子div溢出并延伸到父div之外。
父div也是flexbox列表的子列表，该列表具有固定的高度和固定数量的子列表。flexbox列表中的每个父div都具有相同的高度，并且都包含一个具有不同高度的子div。
.list {
display: flex;
flex-direction: column;
height: 100vh;
}
.parent {
浏览 2提问于2019-04-03得票数 0
2回答
我有一个问题，我的CSS有关div的立场。
我有一个父div设置为position:relative，一个子div设置为position:absolute。
但是由于某种原因，子div显示在父div的边界下面和外部.
这是我的CSS：
.big{
position:relative;
width:40%;
border:1px solid black;
display:inline-block;
}
.small{
position:absolute;
width:75px;
height:75px;
border:1px so
浏览 4提问于2014-06-29得票数 6
回答已采纳
给定一个未知或可变大小的父div和一个子div，如何从父div的两边嵌入10 be？
我希望避免使用position，如果我添加了width:100%; height:100%; margin:10px;，它将导致子节点在20 by之前突出到右端和底部。
为了澄清，孩子需要适应父母的分区。父母不能长得适合孩子。父级的大小未知。
浏览 3提问于2014-03-22得票数 1
回答已采纳
在父元素中有两个子元素：
<div id="registration">
<div id="left-panel"></div>
<div id="right-panel"></div>
</div>
造型：
#registration{
@include l {
flex-direction: column;
}
#left-panel, #right-panel{
width: 50%;
min-height: 100v
浏览 0提问于2019-03-13得票数 0
回答已采纳
4回答
我需要一个子div和它的父div一样高，但是我不知道父div的高度。它可以改变。设置" height : 100%“不起作用，因为div将占据整个页面的高度。
这是div的布局：
<div id="deelnemersballoon">
<div class="balloonarrow"></div>
<div class="balloonborder">
<div class="ballooncontent">
浏览 3提问于2010-11-12得票数 5
回答已采纳
假设您有一个div，显示flex，flex方向列，例如，在这个例子中有高度600。
它有三个子元素，每个子元素的属性flex等于1。前两个子元素呈现一些简单的文本，第三个子元素呈现一个h1和一个字符串列表，并显示flex列。这些字符串来自一个字符串数组。
假设我们有一个额外的按钮(不重要)，当我们单击它时，它会向字符串数组中添加一个元素。是刚才给出的描述的代码框。这是一个通用的JS问题，但示例是在一个非常简单的React组件中。
最初，所有三个孩子都有相同的大小(200)，因为他们都有flex 1。但是，点击几下按钮，第三个孩子的列表就会比第三个孩子的可用空间大，第三个孩子开始膨胀，另外两个孩
浏览 2提问于2019-11-12得票数 0
回答已采纳
1回答
我正在寻找一种方法，只有在CSS中，以调整容器<div>标签的高度时，它的一个子已经被旋转。我非常清楚(并且完全可以实现)使用JavaScript解决方案，但我希望找到一个CSS解决方案。
这把小提琴显示了我的困惑：
HTML：
<div class="container">
<p>Test</p>
<img class="rotate" src="https://tse1.mm.bing.net/th?id=HN.608054218431465781&pid=1.7"
浏览 1提问于2014-07-30得票数 0
回答已采纳
我试图让一个flex框的多个子元素增长，以填充max-height参数在flex-direction: column时设置的可用高度。这可以直观地与max-width和flex-direction: row一起工作，当我在指定的最大宽度内调整浏览器大小时，允许元素再流。下面是一些简单的html，考虑到我对flex-box的理解，它应该能工作：
.child {
background: rgb(255, 255, 255);
border: 1px solid #999;
font-weight: bold;
text-align: center;
flex-basis:
浏览 2提问于2020-07-27得票数 2
回答已采纳
6回答
我有一个简单的布局，其中我有两个Div在一个父分区。我想要实现的是，第一个子Div必须占用容器中所有可用的空间，无论内容是否强制父div底部的页脚。前提是这必须是负责任的。这样，当主容器调整大小时，第一个子Div仍然占用可用的空间，而页脚必须停留在父div的底部。
到目前为止，我尝试的是让position: absolute; bottom: 0;变成页脚，是的，页脚会粘在底部，但是第一个子div (.content)不会占用其余的空间。
有可能吗？请帮帮忙。谢谢。
HTML：
<div class='main'>
<div class='co
浏览 8提问于2014-08-21得票数 5
回答已采纳
我希望有人能看看我的网站，告诉我这里可能发生了什么。我遇到的问题是#bodyWrap div不能自动伸展到它的一个子目录#contentWrap的高度。#contentWrap可以很好地填充该页面上的所有内容，但这不会扩展到父级#bodyWrap。提前感谢你的见解。
浏览 0提问于2011-12-15得票数 5
回答已采纳
(我用的是Chrome v.39+)
我正在尝试使用flex属性来对子div进行水平和垂直的堆栈，但是我看到了一些非常奇怪的行为。例如，如果有3个子div，而最后一个是100%的宽度(导致它被包装)，就会出现不必要的空白。
有时我可以通过给他们height: 100%或者height: calc(100% - 1px)来强迫前两个div来尊重他们，其他时候他们不会拉过神秘的缝隙，有时他们甚至会消失在一起，如果我试图强迫他们伸展。
这是一个。灰色不应该是可见的。
为什么这些空白出现在软包装电视中，我如何防止它们出现？
浏览 2提问于2014-12-24得票数 2
回答已采纳
1回答
我使用了一个bootstrap行，并给了它更多的跨度子项，因为我发现这有助于让一个很好的网格工作，同时保持响应性。
每个元素都有一个子元素和一个使用jQuery显示的元素，如下所示：
<div class="row">
<div class="span2">
<div class="inner-element">
Content here
<div class="hidden-element">
More c
浏览 1提问于2013-04-17得票数 0
回答已采纳
1回答
按照这个WordPress 。我在父服务器内部有一个子div，其样式如下，即使父服务器具有定义的居中宽度，也会强制它达到完整的浏览器宽度。以下是孩子的风格
.slider-controller
{
position: absolute;
width: 100%;
left: 0;
right: 0;
top: 100;
}
我有一个名为Metaslider的插件，它在这个子div中打印一个完整的浏览器宽度幻灯片。当我将内容放置在父div中时，就会出现问题。当修改浏览器宽度时，子节点的可变高度与父服务器中的内容重叠。无论浏览器的宽度如何，如何使该内容保持在子内容的下方？我很感激你对此
浏览 6提问于2017-02-18得票数 0
回答已采纳
3回答
将固定位置设置为不可滚动
、、、、
我想知道是否有一种方法可以使位置固定的div不可移动，所以如果用户滚动div，div将不能移动到初始位置。我需要它，因为我有一个吐司在另一个div中产生，我需要这个吐司在前台，否则它将在div中产生(使用滚动条和部分可见)。
这是一个更好地解释的示例图像：
使用绝对位置：
<code>B0</code>
固定位置(所需效果)：
<code>B1</code>
这是我的组件代码(它是一个子组件)：
<code>A2</code>
浏览 49提问于2020-11-14得票数 5
回答已采纳
好的，我有一个有多个子元素的div元素。当窗口展开时，当div中不再有任何空间时，我希望孩子们整齐地适合网格的左下角和下一个可用空间。当div随着窗口展开时，在div的右侧有很多额外的空间，这些空间在添加另一列之前是不必要的。我想不出如何使div居中，同时保持内容向左浮动，让div只有内容所需的宽度。
.wrapper{
display:inline-block;
width:auto;
text-align:center;
border:solid black 5px;
margin:10px auto;
}
.wrapper > *{
margin: 0 au
浏览 0提问于2017-10-05得票数 0
我有一个使用流布局的UICollectionView，它是水平滚动的。在每个单元格中，我有五个子视图(标签和图像视图)。我有一个模型对象数组，每个单元格有一个对象，包含要在每个单元格的每个子视图中显示的数据。
有些项目可以有更多的内容比其他(一些标签将有更多的文本)，但我希望所有的单元格是相同的高度。我也希望这样，每个子视图的顶部与其他单元格中相同子视图的顶部排列在一起。如果所有模型对象都有一个字段的零值，那么该字段的子视图应该从每个单元格中删除。
例如，下面的图像显示了每个单元格中的三个单元格和子视图。在这个例子中，所有的单元格都有子视图1的数据，所以它显示在所有这些单元格中。但是只有前两个
浏览 5提问于2021-10-24得票数 0
回答已采纳
1回答
我有一个子div，在父div下面垂直居中{parent div有一定的高度}。我已经分配了高度为100%的子div，但它并不只在safari上使用这个属性。这是关于这个问题的屏幕截图。
除了safari之外，chrome和moz的一切都运行得很好。这是该网站的实时版本。
如有任何帮助，将不胜感激，谢谢！
更新:这里是相关的html代码。
<div class="uk-width-medium-1-2 uk-width-small-1-2 uk-width-large-1-2">
<div class="action-image uk-positio
浏览 2提问于2016-07-28得票数 0
1回答
父div有两个子div。第一个子div是位置绝对div，它包含img元素。first-child div是食品图像的背景，second div是食品的描述。
当屏幕大小改变时，position absolute first-child div和second div应该是相同的高度。
.parent {
display: flex;
justify-content: flex-end;
position: relative;
}
.first-child {
position: absolute;
top: 0;
left: 0;
width: 100%;
浏览 6提问于2022-06-03得票数 1
我有指定尺寸宽度:40雷姆和高度:24雷姆的父div。在我的内部有多个子元素，此时有5个div。我希望它们占据所有可用的空间，即使子元素的数量会发生变化。
现在，我已经指定每个孩子的身高将是父元素的1/5，并且非常适合。但我希望它能够响应，所以即使只有4或6个子元素，它们也会完全覆盖父div。理想情况下，我想在没有JS或任何其他框架的情况下使用纯CSS来实现。这是我的带有尾风类的HTML代码：
<div class="mx-auto w-[80%] md:w-full h-72 sm:h-64 md:h-96">
浏览 5提问于2022-11-19得票数 0
9回答
考虑以下HTML/css代码示例：
<div id="container">
<div id="up">Text<br />Text<br />Text<br /></div>
<div id="down">Text<br />Text<br />Text<br /></div>
</div>
#container { width: 300px; height: 300px; border
浏览 9提问于2012-06-27得票数 147
回答已采纳
我有一个容器<div>，其中包含两个子<div>元素。我想把一个子<div>放在顶部，另一个子<div>放在容器<div>的底部。中间部分(内容)应该在顶部和底部的子<div>元素之间滚动。
我希望容器<div>中的两个子<div>元素都有一个固定的位置，并且内容应该滚动而不滚动顶部和底部的div。
我想要一个使用CSS或jQuery的解决方案。有关JSFiddle示例，请参见下面的注释。
浏览 1提问于2014-11-01得票数 2
1回答
让我们假设我的HTML中有以下元素：
<div class="container">
<div class="box first">I have a height of 100</div>
<div class="box">I have a height of 200</div>
<div class="box last">I have a height of 300</div>
</div>
<div c
浏览 1提问于2013-04-03得票数 1
1回答
我正在使用phonegap (build)，当在div容器中添加可变数量的div时，我遇到了问题，因为我希望容器相应地增加其高度，但它没有。
我试过这个把戏，但没有成功。我也尝试过不同的溢出和高度:汽车组合，也没有成功。
我现在正在动态地增加容器高度，但是老实说，我很确定一定有一种更优雅的方法来做到这一点(我的意思是，这个容器可能在其他容器div中，等等，我无法想象每次我需要这种行为时都必须为每个容器添加这个代码)。
你们是如何处理这种情况的(我猜很常见)？
编辑：
我找到了一个基于丹尼尔的答案的解决方案。我是如何处理这一问题的：
我使用三个容器div和一个可变数量的子div列表：
“页面
浏览 3提问于2012-12-19得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
