外部div高度设置为0 内部div有高度会怎么样

Question

像这样

<div style="height:0">
    <div style="height:100px">
     xxxxxxx
    </div>
</div>

我看到有人这样写，可以这样写吗

Answer 1

这种问题最好自己写个Demo测试一下

Answer 2

这么写是怕有空格造成换行有间隙吧，但是一般都是line-height为0，或者font-size为零。你在哪看的，就去看一下他这么写的场景。hack样式没有规范，得看场景用哪种方法。就像垂直居中的方法，没有规范，但是要看场景

Answer 3

没什么问题，父元素高度大于子元素高度，父元素默认的overflow:visible使子元素可见。

Answer 4

没有问题 父元素不可见 height为0 只有width 而子元素可见 在不设置宽度的前提下 父元素默认width为窗口宽度

Answer 5

样式虽然不鼓励这样写，但是写了也没有差，子元素一样可以撑开，依然可以看到子元素