Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sql-server-2005/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 为什么开发工具将这个内联元素列为块?_Css_Google Chrome Devtools - Fatal编程技术网

Css 为什么开发工具将这个内联元素列为块?

Css 为什么开发工具将这个内联元素列为块?,css,google-chrome-devtools,Css,Google Chrome Devtools,这是什么魔法?inline否决了所有其他规则,但它说它是块 代码如下(问题在于div,而不是嵌套的span): .mycaption{ 位置:绝对位置; 左:5%; z指数:10; 填充顶部:20px; 垫底:20px; 颜色:红色; 文本阴影:0 1px2pRGBA(0,0,0,6); 显示:内联; 宽度:100%; } “知识本身是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德。”有时,如果你不自以为是,就必须为自己的

这是什么魔法?inline否决了所有其他规则,但它说它是块

代码如下(问题在于div,而不是嵌套的span):

.mycaption{
位置:绝对位置;
左:5%;
z指数:10;
填充顶部:20px;
垫底:20px;
颜色:红色;
文本阴影:0 1px2pRGBA(0,0,0,6);
显示:内联;
宽度:100%;
}

“知识本身是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德。”有时,如果你不自以为是,就必须为自己的行为负责。”

这是因为采用了绝对定位的元素,因此它可以与任何东西一起使用。它可以是
flex
block
none
,或与现有内容流无关的任何其他显示类型。

这是因为采用了绝对定位的元素,因此它可以与任何内容一起显示。它可以是
flex
block
none
,或与现有内容流无关的任何其他显示类型。

您可以制作一个片段来演示该问题吗?添加了一个@mrlister。BoltClock,你说的浮动是什么意思?我没有分配浮动。显然,
位置:绝对
会导致浏览器否决
显示:内联
,并使用默认的
。这很奇怪,因为快速测试表明它不会否决显示:无。我需要对w3.org进行更多的测试和浏览,然后才能得出答案。@Lister先生:这就是指定值和计算值的概念发挥作用的地方。指定值不变;计算出的值不存在。根据原始指定的值,计算出的值是不同的-例如,在
display:none
的情况下,如果您已经指定元素不应首先生成长方体,则仅通过指定其应绝对定位来强制元素生成长方体是没有意义的。您要查看的规范部分是@BoltClock Yes;Garbee已经在答案中发布了这个链接。你能制作一个片段来演示这个问题吗?添加了一个@mrlister。BoltClock,你说的浮动是什么意思?我没有分配浮动。显然,
位置:绝对
会导致浏览器否决
显示:内联
,并使用默认的
。这很奇怪,因为快速测试表明它不会否决显示:无。我需要对w3.org进行更多的测试和浏览,然后才能得出答案。@Lister先生:这就是指定值和计算值的概念发挥作用的地方。指定值不变;计算出的值不存在。根据原始指定的值,计算出的值是不同的-例如,在
display:none
的情况下,如果您已经指定元素不应首先生成长方体,则仅通过指定其应绝对定位来强制元素生成长方体是没有意义的。您要查看的规范部分是@BoltClock Yes;Garbee已经在答案中发布了该链接。