Div高度: 100%不使用正文最小高度: 100vh

文章/答案/技术大牛

发布

2回答

html、css

我想将body的最小高度设置为视区的高度(100vh)，然后在其中创建一个div (带有容器类)，它将占据整个主体的高度(100%)，这样div将至少延伸到视区的所有高度。但这不会发生；实现此结果的唯一方法是将html和body高度设置为100%。导致这种情况发生的技术原因是什么？难道div不应该接受它的父级的(min-)高度为100%吗？

浏览 29提问于2021-05-25得票数 1

回答已采纳

2回答

将所有设备的多个项目居中对齐

html、css

但是，如果不指定宽度和高度，它就不能工作，这就给移动和桌面视图带来了问题。如何使其具有响应性，使其在每种设备中看起来都位于屏幕的中心？ flex-direction: column; justify-content: center; height: 100vh;<div class="parent-container"> <butto

浏览 1提问于2021-01-13得票数 2

2回答

Html与体集高度

html、css

如果我设置了下面的CSS：html, min-height: 100vh; height: 100%;<div class="container"></div>容器不填充整个高度区域，但是如果我用高度:100 it更改最小高度:100 it，它就能工作了！

浏览 4提问于2019-07-18得票数 0

回答已采纳

2回答

如何让一个可滚动的div的高度动态化？

javascript、html、css

我正在尝试构建一个具有定义高度的部分。在这个部分中有一个粘性标题(它的高度可能会增加)和一个正文。我想要的是使正文可滚动。但是由于header的动态高度，我不能给它一个确切的高度！我该怎么办？?<div class="section"> <div class

浏览 11提问于2021-08-17得票数 1

回答已采纳

2回答

我希望页脚显示在底部页面

html、css、sass

当用户使用scrool移动到页面的末尾时，他可以看到页脚。页脚必须只出现在底部结束时，用户转到末尾。当页面中有很多组件时，我的代码就能正常工作，所以页脚可以做我想做的事情。我的CSS是： html{ position: relative !important background-color: #30373d position: relative} <<

浏览 17提问于2020-03-16得票数 0

4回答

为什么我的页脚不在页面底部？

html、css

position: relative;body {margin: 0%;color: #696969;width: 100%;background: #bfbfbf;height: 300px;}height: 400px;background: #343a40; color: #68

浏览 0提问于2020-06-25得票数 2

1回答

即使页面有滚动条并且我滚动到底部，我如何定位div以占据页面高度的100%。我的div是一个模式，位于导航栏下，我将最小高度设置为100vh，但当我向下滚动时，它似乎不会扩展到页面底部。我使用位置绝对不固定，因为我想让它相对于导航栏。styles.header}> <span className={styles.header__item} onClick={() => handleTab(1)}>Lib

浏览 18提问于2021-04-06得票数 0

2回答

div采用所有可用高度

html、css、reactjs、height

我正在使用下面的HTML <div className="AppMenu"> </div> Test</div> 还

浏览 4提问于2020-12-19得票数 0

1回答

CSS网格前两行占用100 up，一行自动大小

html、css

我正在尝试使用网格进行布局，其中网格的前两行占用100vh，但是导航条是粘性的，高度未知。第三行是正文内容，可以滚动到。初始布局可以很容易地实现，不需要粘粘，但是要让position: sticky使用导航条，所有元素都需要在相同的级别上。我不想依赖于肚脐的静态高度。body { padding: 0; height: 100vh; grid-templat

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

3回答

从底部定位绝对位置

html、css

我将所有的div都放在了body标签上，主体具有相对的毒性，这样它就可以充当网页的容器。我唯一不能让body中的div做的事情就是从底部定位绝对位置。我不知道为什么这不管用。因为当我在不同的屏幕上访问页面时，div的位置不是一直向下，所以我尝试使用底部定位。HTML代码： <div id="statement_div"> <p id="statement"> Access to Every

浏览 0提问于2015-10-26得票数 0

2回答

引导3分钟-高度div不扩展

html、css、twitter-bootstrap

我的CSS-样式表： body { width:100%; min-height:100%; height:100%; padding-right:5%;

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

回答已采纳

3回答

使用语义用户界面边条制作全尺寸的主要内容

html、css、reactjs、semantic-ui

render() {return ( <Button onClick={this.toggleVisibility/wireframe/paragraph.png' /> </Sidebar.Pusher> </div>

浏览 2提问于2017-06-26得票数 9

回答已采纳

1回答

在css网格中，如何将minmax函数与vh结合起来？

css、css-grid

我希望将移动视图中的一行高度设置为最大为670 in，低于该最小值100 in，但当我这样编写它时： } 它总是将我的第一行扩展到100 It，如果viewport高度等于如何将vh组合在特定的最大高度以下，670px始终是100vh<

浏览 0提问于2020-05-14得票数 1

回答已采纳

1回答

我无法使此背景img覆盖桌面视图中的整个高度

html、css

问题是，在一定的高度，如果你伸展或加宽窗口，背景就会卡在它的中间(如果你给页面充电，它看起来就像它应该出现的那样，窗口与问题发生的位置完全相同)。

浏览 18提问于2020-04-28得票数 0

回答已采纳

4回答

删除页脚下的空格

html、css、footer、removing-whitespace

我的页脚下面总是有一个很大的空白区域。如何确保页面在页脚的末尾结束？

浏览 1提问于2015-12-10得票数 26

3回答

使100%的高度响应于任何设备

html、css、web-services

当我给 100%高度100% (它不起作用)，然后给高度100 to ，最小高度100 to，但它创造了额外的空间和div变得比要求更大，我也尝试最大高度，但不工作。我想给高度100%的元素，任何小型设备。在本例中，高度大于屏幕并生成滚动。我如何得到只有100%的外滚动，而没有任何元素。 <<e

浏览 7提问于2016-06-01得票数 0

3回答

用柔性盒使两列高度相同

css、flexbox

你好，我想使我的2列的高度相同(最小高度100 of )。 <div class="col">... little content...</div>&l

浏览 2提问于2019-12-19得票数 4

回答已采纳

3回答

CSS:设置相对于父元素当前高度的高度

html、css、bootstrap-5

为什么我不能说： <div style="height: 100%"></div> 如果我这样做，第二个div不会达到第一个div的100%。

浏览 6提问于2021-10-22得票数 0

回答已采纳

2回答

高度继承不以绝对位置工作

html、css、absolute

我不能将它设置为div的背景，因为它是动画的，它需要2个css类。我把它简化了，让你了解这个问题。我也试过height:100%，但没成功。只有当我手动设置高度时，它才能工作，但这样做是没有反应的。 z-index:0;

浏览 9提问于2022-05-14得票数 0

回答已采纳

6回答

iframe的大小不能在嵌入式仪表板上动态调整

html、iframe

./" height="3200px" overflow="auto" width="100%" frameborder="0"></iframe> 现在我尝试将高度设置为100%和auto <iframe src="https:/

浏览 1提问于2019-10-01得票数 4

点击加载更多