2回答
本质上，由于我使用的是ReactJS & routes，我不能把所有的东西都包装在一个css grid的容器中，所以我在寻找解决方案来获得‘侧边栏’和‘内容’两个类的完整页面高度。我确实理解我可以使用100vh并减去头部的高度，但在这种情况下，头部没有固定的高度，所以我在寻找替代方案。 height: 100%; background-color: orange;
浏览 3提问于2018-08-04得票数 1
这是我的集装箱： height: 100vh;update：在firefox中，这实际上是没有问题的。它延伸到网页的全部高度，无论何时加载页面，，但，当我垂直调整页面大小时，视图似乎没有更新。在第一个图像中，div是视口的全部高度：但是，当我垂直调整浏览器窗口的大小时，.test div不会被更新-请参见下面的图像。但是，如果我调整窗口horizontally的大小，则高度重置为</e
浏览 5提问于2014-01-24得票数 0
回答已采纳
2回答
我正在使用bootstrap创建布局。</div> <div class="col-sm-6" style="padding-top:</div>
浏览 23提问于2017-06-22得票数 0
我使用的离子框架与React，并试图显示地图通过mapbox和react gl。 <Map initialViewState14 mapStyle="mapbox:
浏览 1提问于2022-02-06得票数 3
1回答
反应元件没有达到屏幕的高度
、、、、
我在Index.js中创建了一个索引组件，该组件由一个导航栏和一个登陆页面类型设计组成，其中我希望40%的宽度作为展示部分，其余的60%部分包含一个react引导旋转木马，我希望这个索引组件占据屏幕高度的100%，并将index_body内容显示在屏幕的中心，并获取完整的屏幕高度，但我的index_body只获取屏幕截图中内容的高度，在index_body下面有一些空白：
function Index() {
浏览 5提问于2022-01-10得票数 -1
回答已采纳
2回答
我想让<div>把它的高度a/g调整到浏览器的高度。这个是可能的吗？如果浏览器的高度减小(比如模拟平板电脑/手机中的视图)，则登录按钮不可见。为了不显示滚动条，我使用
body { overflow: hidden; }
浏览 0提问于2014-06-22得票数 0
3回答
{ justify-content: center; align-items: center; flex-direction: column; background-color: red;}<div<
浏览 1提问于2020-12-09得票数 0
1回答
当容器的高度超过100vh时，我在实现滚动捕捉点时遇到了问题。我想使用强制捕捉点，但也允许用户在高度大于100vh时滚动。我通过在我希望用户能够滚动的地方添加额外的捕捉点来实现这一点，而不是捕捉到高于100vh的div的顶部。.parent { scroll-snap
浏览 9提问于2019-09-10得票数 5
我有一个高度为100vh的面板，所以100%的屏幕(但由于某种原因，高度: 100%不工作)。
此面板必须显示一个包含其自身内容和页脚的div。现在的问题是，页脚采用了自己的高度(在调整窗口宽度时会有一些变化)，而面板中的另一个div必须采用所有剩余的高度。那么，有没有一种方法可以动态设置div高度，而不是在页脚高度发生变化的每个窗口宽度中填充媒
浏览 6提问于2018-01-25得票数 0
1回答
有没有办法强迫div取所有可用的高度，而不知道上面元素的高度？如果已知高度，而不能使用vh单位，例如，如果#头的高度为30 to，我可以将height: 100vh - 30px;应用于#视图。我在中做了一个小例子 Header<div
浏览 0提问于2014-09-04得票数 3
2回答
每当我将导航栏设置为固定，并且页眉高度为100vh时，我的页眉似乎在导航栏下面。如何使导航栏不覆盖我的页眉，并使页眉100vh .nav { position: fixed; left: 0; background: red;
background: blue; margin-top: 80px;
*
浏览 16提问于2021-01-16得票数 0
回答已采纳
我在列表中使用mmenu上下文菜单(来自屏幕底部)。当我向下滚动页面，然后触发菜单时，在打开操作中，页面会滚动到顶部。如何避免滚动？
谢谢
浏览 2提问于2015-09-21得票数 4
1回答
我正在尝试设置一个英雄部分，其中div占用100vh减去标题的高度。我最初将css高度属性设置为calc(100vh - 310px)。310px是我显示器上插头的高度。然而，我正在努力寻找一种响应式的解决方案，其中标题的高度是动态的，并且可以根据屏幕大小而变化。我不知道该怎么做。我假设使用css是不可能的，我可以使用javascript/jquery来解决这个问题。<header&
浏览 0提问于2018-06-23得票数 0
容器的高度应取决于视口高度，以便柔性内容显示为垂直中心。但是，容器的高度不应该小于内容的高度，否则内容的顶部就会从viewport的顶部流出来。换言之：
disp
浏览 5提问于2017-08-27得票数 15
回答已采纳
8回答
高度等于视口的方形DIV
、、、
我需要创建一个width=height和视图端口的height=100%的DIV (很明显，它是可变的)。在我看来，在CSS中做应该很简单，但是我已经被它困住了！任何指示都将不胜感激。
浏览 5提问于2011-07-14得票数 45
回答已采纳
100%，Item2应该是垂直滚动的(项目1有固定的大小，不影响高度)。子容器包含Item1和Item2，并有flex: 1强制项一直增长到页面底部。<div style="display: flex; flex-d
浏览 2提问于2021-10-01得票数 1
回答已采纳
3回答
我试图做一个完整的宽度和高度响应的主页与图像。我遇到的问题是填充问题。当我在css中显示一个图片时，我无法在“背景图像:url()；”下使用填充。唯一有效的东西是边距属性，但它不响应高度，只显示顶部和其余的当我向下滚动，但我试图让填充响应调整页面的高度大小。当我在HTML中放置img标记时，我设法使响应填充正常工作，但是我不能使用背景图像属性来实现，因为我试图在它上放置文本。 width: 100%; he
浏览 5提问于2017-04-29得票数 0
回答已采纳
2回答
我们需要创建一个完整页面的HTML/Javascript应用程序(100%高度/宽度)，它不会滚动，我们使用的是jQueryUI。在jQuery中有什么方法可以强制执行吗？目标是放置两个标签条，每个标签条的高度为50%，不管屏幕大小如何，都要保持这个比例。下面是我们使用另一个框架(DevExpress)创建的完整页面应用程序的一个例子：
我们必须使用jQuery，因为应用程序将是100%客户端，没有任何网络连接。
浏览 1提问于2010-12-10得票数 0
回答已采纳
1回答
我在这里创建了一个演示，作为父容器在div中的单个页面中打开一个对话框。但全屏幕覆盖了整页。是否可以将对话框的宽度和高度设置为它的父容器？.html文件 Angular Material 2 App<div class="parent-container="center center" >
<butto
浏览 0提问于2018-07-09得票数 0
4回答
页面上垂直中心的挠性容器
、、、
下面是示例代码，HTML： <div class="circle"></div> <divclass="circle"></div>
<div
浏览 1提问于2021-11-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
