在CSS flexible框布局模块中,它说:
折叠的弹性项目完全从渲染中删除,但留下了"支柱"
这表现得像visibility: hidden吗?如果答案是肯定的,那么为什么要visibility: collapse介绍?
Flex容器的绝对定位子元素不参与flex布局,但与任何flex项目子项一起重新排序.
我认为order灵活容器的绝对定位的孩子会把一个放在另一个上,我尝试如下:
.container {display: flex}
.child1, .child2 {position: absolute}
.child1 {background: red}
.child2 {background: yellow}Run Code Online (Sandbox Code Playgroud)
<div class="container">
<div class="child1">this is a first</div>
<div class="child2">this is an second</div>
</div>Run Code Online (Sandbox Code Playgroud)
我换了order两个孩子:
.container {display: flex}
.child1, .child2 {position: absolute}
.child1 {background: red; order: 2;}
.child2 {background: yellow; order: 1;}Run Code Online (Sandbox Code Playgroud)
<div class="container">
<div class="child1">this is a first</div>
<div class="child2">this is an second</div>
</div>Run Code Online (Sandbox Code Playgroud)
我没有看到第一圈超过第二圈.我想知道秩序对绝对定位的孩子意味着什么?
CSS规范中有一些章节提到"传播到视口"; 例如:计算高度.
当"溢出"不计算为"可见"但已传播到视口时,此部分也适用于正常流中的块级非替换元素.
什么样的属性可以传播?它是否与子元素从其父元素继承属性的规则相矛盾?
在css2.1规范,w3.org中,有一个例子解释了如何形成包含块的方式.
<P id="p2">This is text
<EM id="em1">
in the
<STRONG id="strong1">second</STRONG>
paragraph.
</EM>
</P>
Run Code Online (Sandbox Code Playgroud)
当位置em为静态时,strong包含块的p位置由建立,但当位置em为绝对时,strong包含块的位置由建立em.
我查看有关包含块的章节,但无法确定绝对位置是否会形成新的包含块.有什么东西我不见了吗?