CSS:如何让div在内容改变时不再缩小高度

文章/答案/技术大牛

发布

2回答

html、css、reactjs

我有一个tabs div，它包含另外两个div tab-headers和tab-container。tab-container div包含单独的tabs div。tabs目录中的内容高度各不相同，并且总是缩小以适合内容。我希望div的大小等于最大的tabs div。我不想使用静态高度。这是css： .tab-headers{ grid-

浏览 130提问于2021-07-18得票数 1

回答已采纳

1回答

Bootstrap 3列站点{height: 100%;}不工作

html、css、twitter-bootstrap、height

我知道这是一个常见的问题，我真的为不能解决这个问题而感到愚蠢，但是我在HTML中有一个3列的布局，我真的不能解决这个问题。固定标题，每边1个侧边栏，中间区域有内容。

浏览 4提问于2013-02-02得票数 0

3回答

使儿童div达到最大高度

html、css、height、stretch

我试着让.box-content div取最大高度，在boxA/boxB div里面。我在boxA/boxB div里面有一个div .box-header和一个.box-content。.box-content正在与.box-header共享一个div。在这个中，您可以看到.box-content正在超出它的父div。如何使用纯CSS解决这一问题，同时考虑到

浏览 3提问于2013-12-16得票数 6

回答已采纳

2回答

如何将文本旁边的图像与显示器对齐:flex(响应式)

responsive-design、alignment

第二个问题是；我使用了"display:flex"，图像在accordion旁边显示正常，但是当我最小化它时，它不会移动到accordion下面。你能告诉我我哪里做错了吗？HTML <section id="section4"> <input type="radio" name="tabs" id="tabone" checked="che

浏览 12提问于2019-02-03得票数 0

1回答

如何使用CSS缩小另一个div中的div？

javascript、jquery、html、css、css-transforms

我试图缩小另一个div (divB)内部的div (divA)。问题是，天哪的高度是由它的内容指定的。当divB缩小时，divA的高度不会改变.这是在应用转换时发生的，因为它实际上不改变像素计数，而是改变像素本身的大小(至少我很确定这就是正在发生的事情)。因此，简单的解决办法是手动将divA的高度设置为divB的大小乘以比例因子。但是，如果我这样做，每次divA

浏览 1提问于2013-11-22得票数 0

回答已采纳

2回答

CSS3过渡会影响父div

css、transition

我想找出为什么这个CSS3转换会影响父div：但是，每次转换开始/结束(有或没有边界)时，框的高度都会缩小1px。虽然我想连续使用其中的三个，但如果用户非常快地将鼠标悬停在这些项目上，我的内容beyond也会开始跳跃。设置固定高度不是一个选项，因为我使用的是响应式布局。

浏览 3提问于2011-12-04得票数 0

回答已采纳

1回答

jquery hide()之后的div height prob

jquery、css、height、hide

在用jquery hide()函数隐藏了一些内部div之后，外部div的高度不合适，它的高度和隐藏前一样长。解决方案是什么!！

浏览 1提问于2011-10-31得票数 0

2回答

在这些容器之间有一个被设置为overflow-y:auto的内容。这意味着滚动条应该只在这个div容器中显示。我在这个content div周围有一个容器。此div的高度设置为像素，因为当使用percentage时，它会自动变为100%，并且滚动条不可见。它在不改变屏幕高度的情况下100%看起来很完美。然而，如果用户改变屏幕的高度-用户不能看到div中的所有内容，因为固定的页脚现在

浏览 4提问于2016-08-02得票数 1

回答已采纳

2回答

如何使用方框大小:边框上的流体元件，没有高度分配？

css

在我构建的流体网格上使用box-sizing:border-box时，我遇到了一个问题。我有一个主列，然后是一个包含两个网格项的次要列。谁能建议我如何使这些看起来均匀，我知道这可能是因为我没有设定的高度，但我不知道如何解决这个问题？这是我的JS Fiddle body * {-moz-box-sizing: border-box; box-sizing:

浏览 15提问于2013-01-31得票数 1

回答已采纳

1回答

在webkit浏览器中，分别从正文宽度和高度中减去y滚动条宽度和x滚动条高度。

javascript、jquery、css

我的网页有居中的页眉、内容和页脚div，每个div的宽度都是900px。 (关于页眉、内容和页脚，我唯一能提供的其他相关信息是页眉有固定的定位，内容是相对定位的，页脚是绝对定位的。开始随页面缩小这些div。我希望在所有浏览器上都能无缝缩小，然而，我遇到了一个问题，因为webkit浏览器会计算页面宽度中的y和x滚动条宽度。这使得滚动条以一定的宽度覆盖div，并使缩小发生得较晚。我想要一个JQuery解决方案来计算和减去

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

1回答

中心元素垂直排列时的内容

html、css、css-float

我在试着建立一个反应灵敏的网站。我希望当水平大小缩小到这些div不再位于同一行时，内容以页面为中心。我可以设置@media (max-width:并将其设置为任意数字，但是这些div的宽度可能会因为内容的更改而改变。HTML： <h1>Foo</h1>

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

回答已采纳

1回答

当内容被移除时，如何让一个设置了max-height的div从底部调整自身的大小？

css、reactjs

当达到最大高度时，列表将变为可滚动。一旦我开始删除项目，并且内容不再占用足够的空间来达到最大高度，div就会缩小，但它从顶部和底部的收缩程度是相等的。我只想让它从底部向上收缩，这样模式的顶部就会留在同一位置。我如何才能做到这一点？

浏览 2提问于2018-03-20得票数 0

3回答

使用不刷新的jQuery设置高度

javascript、jquery、html、css

我在彼此之上创建了两个div。第一个div持有一个WordPress生成的img，当该图像div悬停时第二个div从顶部滑入。在普通的css中，两个div都有固定的高度，但是当我添加媒体查询时，我需要将图像div的高度更改为auto，以保持正确的维度。保持在固定的高度上，并且由于悬停div具有绝对定位，它不能继

浏览 10提问于2015-07-22得票数 2

回答已采纳

1回答

将同一行的div按比例缩放到相同的高度&具有最小高度

html、css、layout

如果我需要的话，我可以让div去sclae。但是，我还需要为这些div设置一个最小高度。在这个小提琴中，我设置了我想要实现的目标。蓝色div是一个通用包装器，它根据蓝色div的宽度定义红色div的高度。但是，当我尝试更改红色div上的最小高度时，我希望缩放的div具有最小高度，出现了意外的结果。我认为一旦我缩小到最小高度点，<

浏览 3提问于2013-03-07得票数 0

4回答

填充剩余垂直空间的第二个元素

jquery、html、css

我有一个固定高度的容器。我希望第一个p有一个动态的高度(具有最小高度和最大高度)，这取决于它的内容，第二个p占用剩余的垂直空间。例如，在中:我希望粉色的p填充剩余的黄色空间，并在第一个p元素增长时相应地缩小。我已经看到了如何让div填充水平空间(例如，使用bfc块格式化上下文)，但我似乎找不到一个垂直填充的css解决方案。如果css不能做到这

浏览 0提问于2012-11-28得票数 3

2回答

调整具有"display: table-cell“属性的div的高度

css、parent-child、html

我正试图在另一个div中垂直地居中一个div，而不管这两个div的大小。我是这样做的： <div id='inner_div'></div>CSS： display: table

浏览 3提问于2012-11-10得票数 0

2回答

拉伸背景图像宽度但作物高度

html、css、background

如何制作背景img，以便： <img class100%; position: absolute; left: 0;} 我试着用img在div中

浏览 2提问于2015-04-29得票数 2

回答已采纳

1回答

使用jQuery动画调整高度时，IE边框混乱

jquery、internet-explorer、css、border

我有一个菜单div，可以根据内容动态改变高度。有没有什么CSS或者jQuery黑客可以解决这个问题呢？

浏览 0提问于2012-03-06得票数 0

回答已采纳

1回答

css:如何使%定义高度div的子级具有与父级相同的可见高度可滚动？

css

我有一个在窗口高度的70%设置显示内容的模式。我希望该模式内容的一部分具有一个overflow-y: scroll，并且我希望该可滚动部分中的可见区域始终是父区域的100%。当我试图将可滚动部分的高度设置为100%时，它变得非常大，不再卷动，并将高度扩展到父元素隐藏的溢出之外。如果我将其设置为以像素为单位的固定高度，则当我在浏览器中放大或缩小时，在某些情况下，左div

浏览 3提问于2020-04-11得票数 0

回答已采纳

4回答