父子元素的显示

前言

你经常会在页面布局中需要设置父元素不可见，子元素可见么？对此你是否尝试过常规的一些方案是如何解决的？针对这个问题，本文给出了以下的解决方案。
备注：如果你想通过display：none，block基本是不可行的。

方案一：visibility:visible

.parent {
  visibility: hiddend;
}
.child {
  visibility: visible;
}

方案二 ：位置关系

.parent {
  position: relative;
  left: -9999px;
}
.child {
 position: relative;
  left: 9999px;
}

其他

如何控制元素不可见

• display:none，不占据空间
• visibility:hidden，占据空间
• position:absolute，超出显示位置
• opacity:0 ,透明
• transform:scale(0)