CSS flexbox子高度100％
我试图填充flexbox中的flex项目的水平空间。 .container {height：200px; width：500px;显示：-moz-box;显示：-webkit-flexbox; display：-ms-flexbox;显示：-webkit-flex;显示：-moz-flex;显示：flex; -webkit-flex-direction：row; -moz-flex-dir
..
flexbox相关内容
在包装时使容器收缩以适应子元素
我想知道flexbox是如何工作的（应该工作吗？）如下： .holder {width：500px;背景：lightgray;显示：flex; flex-direction：row; justify-content：空格; flex-wrap：nowrap;}。v2 {width：320px;}。child {display：inline-block; border：1px solid b
..
使用NEWER flexbox api在全高度应用程序中进行Flexbox和垂直滚动
我想使用flexbox的全高度应用程式。我发现我想使用旧的flexbox（显示：框;和其他东西）在这个链接： CSS3 Flexbox全高应用程序和溢出 这是一个正确的解决方案为旧版本的flexbox css属性。 如果我想尝试使用较新的flexbox属性，我将尝试使用同一链接中的第二个解决方案，但“hacking”flexbox 使用一个height为0px的容器它显示一个垂直滚动。
..
在嵌套flex容器时正确使用flex属性
我在使用flexbox时遇到问题，想要了解如何嵌套父元素和子元素的工作原理。 我知道子继承父类的flex。但是，如果你需要弯曲一个孩子的孩子（宝贝），这是否会覆盖？ 什么时候需要将 display：flex .parent-container { display：flex; flex：1 0 100％; } .child-container { flex：1 1
..
Flex-box：将最后一行对齐到网格
我有一个简单的弹出框布局与一个容器如： .grid { display：flex ; flex-flow：row wrap; justify-content：space-between; } 现在我想要最后一行中的项目与另一个对齐。 justify-content：space-between; 应该被使用，因为可以调整网格的宽度和高度。 目前看起来像
..
绝对定位的Flex项目不会从Firefox中的正常流中删除
我们有两个div和内容，第三个div是绝对位置的背景。 容器是一个flexbox。 在Chrome和Safari中都可以正常工作，但是Firefox会计算绝对定位的div，并在div之间分配空间，例如连续有3个div。 我制作了jsfiddle示例。有什么办法来修复这个bug吗？ https://jsfiddle.net/s18do03e/2/ div.containe
..
正确调整最后一行上的flex项目的大小和对齐
假设我有一个用户列表，每个用户都有一个附加的号码。每个用户列出如下： Niet & rArr; 2 它们都有样式： .userlist> span { display：inline-block; padding：2px 6px; border：1px sol
..
在Firefox和Chrome 48中使用flexbox渲染问题
在chrome 47（正确的行为）： 在Chrome 47上， .scroll 的div正确滚动， 100％使用flex。 在firefox（错误的行为）： 在firefox时，该div与 这个问题的跨浏览器解决方案是什么？ http://jsfiddle.net/d4nkevee/ body，html {margin：0; padding：0;}。containe
..
在多行flex容器中是否可以有相等的高度列？
您可以看到，第一个行中的列表项有相同的 height 。但第二个行中的项目具有不同的 height 。我想让所有项目都有统一的 height 。 是否还有固定高度，而且只使用 flexbox ？ b $ b 这是我的代码 .list {display：flex; flex-wrap：wrap; max-width：500px;}。list-item {background-col
..
使用flex order属性重新排列桌面和移动视图的项目
我有一个容器内有3个div。没有嵌套的div。 我使用flex和 order 属性。 在移动设备上，订单属性确定。 失败。 我没有为divs 2和3使用容器div，以便在手机上将它们命名为2,1,3。 HTML FILE
1
..
为什么Firefox中的flex项目不使用百分比填充？
我想在flexbox中有一个方形div。所以我使用： .outer {display：flex;宽度：100％; background：blue;}。inner {width：50％;背景：黄色; padding-bottom：50％;}
hehe
..
在Chrome和Firefox中的高度呈现方式不同
我发现如果我们设置了 height：auto 或 height：0〜100％用显式值设置父级的高度，并且其块级子级具有底部边距，那么它将在Chrome中计算高度不同，但在Firefox中不会。对于设置 height：1％的情况： http://codepen.io/anon/pen/BjgKMR html {background：pink;} body {background：yel
..
Flexbox无法在< button>元素
我试图用flexbox的 justify-content：center c>。但Safari不会使它们居中。我可以应用相同的样式任何其他标签，它的工作原理（参见
-tag）。只有按钮左对齐。 尝试Firefox或Chrome，您可以看到差异。 有没有任何用户代理风格我不得不覆盖？或此问题的任何其他解决方案？ div {display：flex; fl
..
如何居中flex容器，但左对齐flex项目
我想让flex项目居中，但当我们有第二行，有5（从下面的图片）在1下，而不是在父中心。 这里有一个例子： ul {display：flex; flex-direction：row; flex-wrap：wrap; justify-content：center; margin：0; padding：0;} li {list-style-type：none; border：1px sol
..
当flexbox项目以列方式打包时，容器不会增长其宽度
我正在工作的嵌套flexbox布局应该工作如下： 最外层（ ul＃main ）是一个水平列表，当更多项目添加到它时，必须向右扩展。如果增长太大，应该有一个水平滚动条。 #main { display：flex; flex-direction：row; flex-wrap：nowrap; overflow-x：auto; / * ... and more ... *
..
垂直居中Div中的两个元素
我正在尝试垂直居中两个
元素。 a href =“http://phrogz.net/CSS/vertical-align/index.html”rel =“nofollow”> phrogz.net 但仍然的元素放置在div上面，div下面，顶部 我会尝试其他的，但大多数问题在这里只是指向那个教程。 此代码段用于网页顶部的横幅。 以下是示例代码css first
..
无法滚动到溢出容器的flex项目的顶部
所以，在尝试使用flexbox做一个有用的模式，我发现似乎是一个浏览器问题，我想知道是否有一个已知的修复或解决方法 - 或如何解决它的想法。 我想解决的问题有两个方面。首先，让模态窗口垂直居中，这是按预期工作。第二个是获取模态窗口滚动 - 外部，所以整个模态窗口滚动，而不是其中的内容（这是所以你可以有下拉菜单和其他UI元素，可以扩展到模态的边界外 - 像自定义日期选择器等） 然而，当结
..
Flexbox容器中包装成行的项目是否有可能与它们之上的项目紧密对齐？
这是，实际上，Pinterest的布局。然而，在线找到的解决方案包裹在列中，这意味着容器无意中水平生长。这是不 Pinterest布局，它不能很好地与动态加载的内容。 我想做的是有一堆固定宽度和不对称高度的图像，水平布置，但在满足固定宽度容器的限制时包装在新行中： 可以使用flexbox做到这一点，还是必须使用像Masonry这样的JS解决方案？ 解决方案 Flexbox不是网
..
使用CSS的等高列
我想对我的css表使用百分比。很遗憾，它对我无效。 此代码有什么问题？我应该使用flexbox而不是表？ 我想使用表格，因为我想要相同的高度列。 ul {list-style：none; margin：0; display：table; table-layout：fixed;宽度：100％;} li {width：50％; display：table-cell;}
..
Chrome / Safari无法填充100％高度的flex parent
我想要一个具有特定高度的垂直菜单。 每个孩子必须填充父节点的高度，并具有中间对齐的文本。 孩子的数量是随机的，所以我必须使用动态值。 Div 。 container 包含随机数的子元素（ .item ），始终必须填充父元素的高度。为了实现我使用flexbox。 为了使链接文本与中间对齐，我使用 display：table-cell 技术。但是使用表格显示需要使用高度100％
..