当flexbox处于活动状态时,会忽略哪些css规则?

前端之家收集整理的这篇文章主要介绍了当flexbox处于活动状态时,会忽略哪些css规则?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

如何配置flexBox以获得良好的后备?说我有这个:@H_502_2@

@H_502_2@

.parent{
	display: flex;
	flex-flow: row wrap;
	width: 320px;
	border: 1px solid black;
}
.children{
	text-align: center;
	flex: 1;
	background: #DDD;
}

我允许添加哪些规则,以便为旧浏览器提供良好的后备,并且它们会被完全忽略并且不会干扰flexBox.@H_502_2@

请注意,我不会要求一个polifill或任何东西,我只是想要一些类似的东西.当flexBox处于活动状态时,确切地知道哪些规则被忽略会很高兴.显然会覆盖显示,但是孩子的宽度怎么样?孩子的漂浮怎么样?位置怎么样:绝对?利润率怎么样?@H_502_2@

最佳答案
根据spec,@H_502_2@

@H_502_2@

Flex containers are not block containers,and so some properties that
were designed with the assumption of block layout don’t apply in the
context of flex layout. In particular:@H_502_2@

  • the column-* properties in the Multi-column Layout module 07001 have no effect on a flex container.@H_502_2@

  • 07002 and 07003 have no effect on a 07004,and do not take it out-of-flow. However,the 07002 property can
    still affect Box generation by influencing the 07006
    property’s computed value.@H_502_2@

  • 07007 has no effect on a flex item.@H_502_2@

  • the 07008 and ::first-letter pseudo-elements do not apply to 07009,and 07009 do not
    contribute a first formatted line or first letter to their ancestors.@H_502_2@

针对您的具体问题,@H_502_2@

> Flex项目宽度(假设水平流量):@H_502_2@

@H_502_2@

The flex item’s 070011 is either the 070012 or 070013
property,whichever is in the main dimension.@H_502_2@

如果flex-basisauto,这将用作flex basis:@H_502_2@

@H_502_2@

When specified on a 07004,the auto keyword retrieves the
value of the 070018 as the used 070015.@H_502_2@

否则,它将被忽略.
> Absolutely-Positioned Flex Children@H_502_2@

@H_502_2@

An absolutely-positioned child of a 070021 does not
participate in flex layout. However,it does participate in the
070022 (see 070023),which has an effect in their painting
order.@H_502_2@

> Flex Item Margins and Paddings@H_502_2@

@H_502_2@

The margins of adjacent 070025 do not collapse. Auto margins
absorb extra space in the corresponding dimension and can be used for
alignment and to push adjacent flex items apart; see 070026.@H_502_2@

Percentage margins and paddings on 070025 are always
resolved against their respective dimensions; unlike blocks,they do
not always resolve against the inline dimension of their containing
block.@H_502_2@

Note: This behavior is 070028,and might change in a
future version of this specification to match the behavior of blocks.@H_502_2@

猜你在找的CSS相关文章