我这里有这段代码，它在Safari中的表现与在Chrome和Firefox中的不同，为什么？ .parent { display: flex; background: salmon;}
background: red; background: grey;
height: 100%;
浏览 26提问于2019-12-19得票数 0
回答已采纳
我需要有一个滚动的flexbox容器与flexbox的子容器。容器有一个定义的高度(由flexbox定义)，子容器的高度应该与其内容的高度相同。这在Safari中工作得很好，因为在Safari中，孩子不会伸展超过容
浏览 46提问于2020-01-28得票数 3
回答已采纳
我有一个flexbox，它有一个用align-items: stretch声明的直接子对象。在这个flexbox的直接子容器中，我希望有一个div容器，它也使用其父容器的全高(通过设置height: 100%)。但是，div容器不会伸展到父容器的100%<e
浏览 0提问于2015-11-01得票数 8
回答已采纳
这个问题在这里已经有答案了： 高度百分比HTML 5/CSS(6个答案) 昨天关门了。我有以下代码： * {}
body { padding: 10px;} This is a loooooooonnnng
text.调整浏览器窗口的大小，您可以看到内部div在高度上比外部div扩展得更多。但是，如果我指定一个高度
浏览 39提问于2021-02-28得票数 1
回答已采纳
2回答
我想让一个来自弹性容器的孙子把它的最大高度包含在容器的总高度(100%)减去另一个子容器的高度，然后在孙子达到最大尺寸时出现滚动条。这里是一个小提琴来展示它，基本上我不希望清单项目溢出绿色容器。
display: <e
浏览 1提问于2017-05-21得票数 1
回答已采纳
2回答
我已经创建了一个简单的基于柔性盒的页面，它在Google (44.0.2403.157版)中正确呈现，但在Safari (版本8.0.2 (10600.2.5))中没有正确呈现。我增加了所有有关的前缀(我想)，并花了很多时间看检查员，但我似乎没有找到问题的原因。
该页面由一个容器和两个flex行组成。第一个flex行(标题)应该有它的高度伸展以适应它的</
浏览 0提问于2015-10-01得票数 13
回答已采纳
我的目标是使用flexbox创建一个两列布局，其中第一列有两行，第二列有一行，如下所示：仅当容器的flex-direction为row时，在第三项上设置flex-basis: 100%才能获得所需的效果
将flex-direction更改为column会导致以下结果，除非显式设置了height，这在我的项目中是不可行的：
浏览 4提问于2013-11-22得票数 17
好的，请看这里- jsfiddle.net/c4df54xg/提前感谢大家抽出时间来！阿什。我忘了提一下，高度需要是动态的，这样它才能正确地缩放设备，并且最好没有JS。
浏览 1提问于2016-04-08得票数 1
我将Flexbox用于一系列内容块。这个想法是在一个挠性容器中有块，它的高度将由它内的挠曲项的总数决定。这在Chrome和Safari上运行得很好，因为它自动而正确地计算容器的高度，但在Firefox + IE上却不是这样。在chrome + safari上，这个计算高度很好。然而，容器的高度没有设置在IE +
浏览 4提问于2015-10-06得票数 4
如果没有可视化演示，这将很难解释，所以请参阅底部的jsfiddle。
设置是两个列方向的flexbox容器，它们具有相对高度(即其父容器的百分比)。两个容器都有固定的页眉和页脚。一个容器的高度总是另一个容器的两倍。较大的容器有两个孩子作为它的“内容”。较小<
浏览 3提问于2018-12-05得票数 0
3回答
我的问题是：我想让这些容器中的每一个填满任何剩余的空间，如果一个是垂直和水平移除的。我在flex-flow: row wrap中使用了flexbox，当我们删除两个底部容器中的一个时，这个功能非常好。subContainer3">
浏览 5提问于2016-02-12得票数 1
回答已采纳
在Firefox和Chrome中，将一个元素定位到单元格底部是非常好的。
<div style="flex:1">
<table style="width:100</em
浏览 2提问于2016-02-22得票数 1
回答已采纳
3回答
如何适当地将孩子伸展到父母的身高？我已经尝试了很多我找到的变体(很多非常复杂)，但是它从来没有对我起作用。我更喜欢用弹性盒来做这个，因为这似乎是最新的方法。以下是我的尝试： <nav class="navbar navbar-expand-lg navbar-dark bg-primary">: flex;
浏览 3提问于2018-03-13得票数 1
回答已采纳
我在一个带有height: 100vh的容器中有一个带有flex-direction:column的flex布局。我的flex布局容器(蓝色的)必须采用主容器的完整高度(height:100%)。在这种情况下，当视区高度太小而无法容纳所有元素时，我希望避免<
浏览 0提问于2015-10-15得票数 4
3回答
我的布局有一个容器flex-container和一个子容器。HTML： <div>text</div>容器和子对象具有未知高度。我们的目标是：
如果孩子的高度低于容器</em
浏览 49提问于2014-07-03得票数 68
回答已采纳
我正在努力理解flexbox容器如何与其他块交互。在我的页面上只需要一个flexbox，我就可以做我想做的事情。但是当我混入其他页面元素时，事情变得很奇怪。问题似乎出在空间分配上。我的flexbox容器似乎需要一个明确的高度。如果我不指定这一点，我就得不到包装行为。我不确定如何指定flexbox容器的高
浏览 2提问于2017-03-18得票数 6
回答已采纳
2回答
这里是CSS Flexbox新手。
我使用了下面的flexbox代码：<html style="height: 100%;">
<body style="height: 100%;"><div style="display: flex</em
浏览 6提问于2015-04-09得票数 4
在Chrome中，另一个flex容器中的Flexbox列容器不能达到100%的高度，但在Firefox和Edge中一切正常。.container { flex-direction: column;
width: 100%;
display
浏览 2提问于2016-03-25得票数 10
回答已采纳
为了创建一个单一的页面应用程序，我正在与flex打交道。我用了两个挠性盒子：
部分内容(Flex延
浏览 4提问于2016-01-30得票数 2
回答已采纳
云服务器
ICP备案
云直播
实时音视频
即时通信 IM
腾讯云开发者
