小编eve*_*ill的帖子

可见性之间有什么区别:隐藏和可见性:在flexbox中崩溃?

CSS flexible框布局模块中,它说:

折叠的弹性项目完全从渲染中删除,但留下了"支柱"

这表现得像visibility: hidden吗?如果答案是肯定的,那么为什么要visibility: collapse介绍?

css specifications css3 language-lawyer flexbox

9
推荐指数
1
解决办法
9175
查看次数

订单属性如何在Flex容器的绝对定位的子容器上工作?

orderCSS flexbox中的属性章节说:

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 css-position css3 flexbox

9
推荐指数
1
解决办法
582
查看次数

CSS规范中"传播到视口"的含义是什么?

CSS规范中有一些章节提到"传播到视口"; 例如:计算高度.

当"溢出"不计算为"可见"但已传播到视口时,此部分也适用于正常流中的块级非替换元素.

什么样的属性可以传播?它是否与子元素从其父元素继承属性的规则相矛盾?

css specifications

4
推荐指数
1
解决办法
197
查看次数

位置绝对是否使该元素成为包含块?

在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.

我查看有关包含块的章节,但无法确定绝对位置是否会形成新的包含块.有什么东西我不见了吗?

html css css-position

2
推荐指数
1
解决办法
161
查看次数