CSS可见性规则

|| 我尝试在Google上进行搜索,但无济于事。 有人可以为我指出一个很好的资源来解释CSS的呈现和可见性规则吗?或者,如果它很简单,可以有人在这里写下吗? 举个例子,假设我有2个大div
DIV_LARGE1
DIV_LARGE2
,它们相互之间不包含,还有一个小div
DIV_SMALL
。当在
DIV_LARGE1
中定义
DIV_SMALL
时,我可以看到它属于
DIV_LARGE1
的那部分,但是与
DIV_LARGE2
共享的区域却隐藏在
DIV_LARGE2
之下。页面渲染后(单击几下),我将显示
DIV_SMALL
(通过设置其
display:inline
),因此
DIV_LARGE2
出现在HTML代码中的
DIV_LARGE1
之后是没关系的。 什么优先于什么?由于我的小div有
position:relative
,而其他两个div(
DIV_LARGE*
)都有
position:absolute
,因此我可以推断出,如果未在div中定义绝对位置,则绝对位置优先于相对位置。但这是正确的吗?确切的规则是什么?     
已邀请:
Phelios是正确的,您遇到的问题与z-index属性有关。 这是SmashingMag上的一篇精彩文章,对其进行了详细说明:http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/ 对于tl; dr-定位的元素按照它们在html代码中的放置顺序进行堆叠,因此默认情况下,默认情况下,始终将第一个大div内的div_small堆叠在第二个大div的“下方”。您可以通过在CSS中设置小div的z-index属性来解决此问题。     

要回复问题请先登录注册