当父项在方向列的弹性容器中设置了flex-basis时，flex项的子项不采用父项的高度

文章/答案/技术大牛

发布

1回答

html、css、flexbox

让我解释一下我的困惑：<!} 使用速记item-1属性将flex-basis设置为255px。因为我没有在.container上指定flex-direction，所以它默认为row。很简单。太棒了。现在，在特定的屏幕宽度下，假设列，我将flex-direction切换为992px。一旦<992px，.item

浏览 2提问于2017-07-01得票数 0

1回答

flex:1和flex:1的区别

css、flexbox

在中您可以在这个中通过更改css中的注释来尝试它。当我使用flex: 1时，类名为test-container的元素将是height:100%，但在使用flex-grow: 1时不会发生。.flex-1

浏览 6提问于2017-08-19得票数 10

回答已采纳

1回答

如果父程序有列方向，则Flexbox基不能工作。

css、flexbox

我有一个flex容器，它有两个子容器(一个标题和一个flex框)。这个容器的方向是列。方框子方向是行，我想使用flex-basis来约束它的宽度。 display: flex;} display: flex; flex</

浏览 3提问于2017-06-22得票数 0

回答已采纳

1回答

flex-grow不以全宽显示容器中的项目

html、css、flexbox

我有一个ul容器和li菜单项。容器的宽度是父元素的100%，li项的宽度是父元素的50%。父项设置为显示flex，flex方向为列。现在项的宽度是flex父项的一半，但是当我将子项<em

浏览 5提问于2018-02-05得票数 1

回答已采纳

1回答

向溢出的容器中的表添加行:自动增加容器的高度

html、css

我有一个包含表的div。div设置为overflow:auto。可以将行动态添加到表中。div是具有flex -direction:列的父级中的flex项，它被设置为占据高度的80%。</tbody> &l

浏览 11提问于2020-12-10得票数 0

1回答

更改父容器的伸缩方向会导致子元素的伸缩增长停止工作吗？

css、flexbox

当我在代码中改变父容器的伸缩方向时，为什么flex-grow停止工作？在下面的示例中，我有两个div，一个是父flex-container div，另一个是具有绿色背景的单个flex项的子项，正如您所看到的，flex-grow工作得很好。 background:#99bb9

浏览 0提问于2020-09-24得票数 0

1回答

在extjs中将组件浮动在父组件之上

extjs、extjs4、extjs4.1、extjs-mvc

我正在尝试在父容器的mouseenter事件上有一个toolbar (或者你想推荐的其他东西)。现在，在调整具有flex: 1的container2组件的大小时，toolbar在父容器的底部可见。 flex:1, layout: {type:

浏览 3提问于2013-03-26得票数 1

1回答

如何将flex项的高度设置为与其同级项的高度相同

css、flexbox

当蓝色flex项的高度较大时，我尝试将红色flex项的内容高度设置为蓝色flex项的高度。需要设置高度才能使滚动条起作用。如何将高度设置为与蓝色flex项相同？我希望红色弹性项

浏览 73提问于2019-11-17得票数 1

回答已采纳

2回答

挠曲和高度属性之间有什么区别？

html、css、flexbox

给定下面的示例，如果页面使用flex，两者都将填写中心以占用页面中的剩余空间。我倾向于在体内使用css属性flex和height。在应用其中一种而另一种时需要考虑不同之处吗？CSS display: flex;} height: 100px; flex

浏览 2提问于2018-05-10得票数 2

回答已采纳

2回答

在Flexbox中扩展iframe

html、css、iframe、flexbox

我正在尝试扩展iframe的大小，以填充我的web应用程序中的剩余空间。我知道已经为div分配了最大空间(通过添加边框)，但是iframe高度本身并没有扩展到填充整个垂直高度。.box { flex-flow: column;} flex: 0 1 auto;} fle

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

4回答

如何防止没有包装的弹性项目溢出？

html、css、flexbox

我有一个带有flex-direction: row的柔性盒。子项有一个min-width集。当窗口缩小到到达min-width的点时，这些项开始溢出flex容器。因为flex</e

浏览 0提问于2018-04-27得票数 26

回答已采纳

1回答

当在显示范围内设置: flex设置为flex方向: row时，Flex-basis不充当宽度。

html、css、flexbox

: 100px;我正试图用柔性盒来做圣杯布局，我在主标签中面临着来自flex-basis的奇怪行为，它被设置为display: flex，方向为row，.So，所有的项目都排成一行。当试图设置flex-basis而不是作为width时，width实际上只是充当height，这很奇怪，因为flex-basis拉伸依赖于主标记内的方向和主轴，而

浏览 2提问于2017-11-30得票数 1

回答已采纳

2回答

CSS -如何正确使用flex-basis？

javascript、html、css、vue.js、flexbox

我正在设置我自己的Grid组件。我制作了一个Row组件，其中包含一个display:flex; flex-wrap: wrap和动态gap、column-gap和row-gap。我有一个Column组件，我在其中设置了一个动态弹性基础。> Text <Column :w="50"> &

浏览 3提问于2021-05-21得票数 1

2回答

为什么在锚定标签中包装图像时会缩小图像大小？

html、css

我有一些社交媒体图标，我想把它们包在一个锚标签里，这样你就可以点击它们了，但当我这样做的时候，图片缩小到了大约十分之一的大小。icons:hover { transform: scale(1.1); display: flex

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

1回答

图像的高度是按百分比变化的，在父元素中没有任何高度大小。

html、css

我有一个问题，图像的百分比值内的弹性项目。我知道取决于父级大小的百分比值。在此问题中，图像的父级不显式设置任何大小。图像的大小是改变的，没有任何显式大小的高度在弯曲项目(图像的父)。弯曲件的宽度和高度仍与图像的原始大小相同..flex { disp

浏览 5提问于2022-04-06得票数 1

2回答

为什么CSS百分比(%)高度应用于flex元素的孙子元素？

html、css、flexbox

我正在尝试检查CSS的100%高度属性是如何工作的。但有一件事我不明白。 height: 100%; display: flex; flex-direction: column

浏览 0提问于2020-05-22得票数 4

1回答

"flex: 0 0 33%“中的"0 0”代表什么？

css、flexbox、bootstrap-4

我现在正在学习flex，在Bootstrap 4的列类中看到了这一行： flex: 0 0 33.3333%;这两个0 0对应的属性是什么

浏览 2提问于2017-11-25得票数 7

回答已采纳

2回答

将flex容器中的最后一个元素移动到下一行

html、css、flexbox

我的HTML代码中有这样的结构： <div class="div_first">1</div> <div class="div_third">6</div>

浏览 3提问于2016-06-06得票数 13

回答已采纳

1回答

Flexbox难以将图标对齐到容器底部

html、css、flexbox、jquery-flexbox

我在柔韧盒上遇到了一些困难。如您所见，我有一个aside元素，它包含一个有序的社交媒体图标列表。由于某些原因，我无法使这些图标粘在包含div的底部。</div>.outercontainer // this keeps all containers the same height in fluid designdisplay: flex; } { display: inl

浏览 1提问于2015-10-19得票数 4

1回答

带有Flex* Box的方块*

css、responsive-design、flexbox

是否有一种方法可以使用display: flex;和flex-wrap: wrap;使所有框都等于最大框的高度(和宽度)。它似乎只适用于同一行的人。这支笔进一步说明了这个问题：

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

回答已采纳

点击加载更多