Question

为什么在CSS中设置div的高度为50％,在代码<div>···········</div>里显示不出来效果呢？

Answer 1

css+div，嘿嘿，在高度上，你早点忘记百分百这个单位吧。
宽度上百分百放心用...

追问

能详细给我讲一下么

追答

要让你这个div高为50%就要让他的父级有明确的高度。百分比尺寸是一层一层继承父高度后算出来的。

例1

div是取不到高度的，因为它爹p没高度

例2

div高50px，因为它爹p高100px

例3

div高为网页整体高度的一半，因为body有了明确高度(这里body=高100%后，由于没有其他内容把网页撑出下拉滚动条，所以body实际尺寸是显示分辨率减去浏览器边框)，然后p继承了body高度，div再继承p高度。

例子 1、2 为了父有高度，都直接上像素了，最后那个子再用百分比没意义了。

例子 3 由于网页高度是很难确定的，你用同一个百分比高度，一层一层的继承下来，在一个短的页面可能看上去很正常，但遇到一个内容多了出现下拉的页面，看上去可能就很高了，视觉上效果会很糟糕的。而且body{height:100%;}后容易引起css其它布局问题。

还有种情况是网页内容故意设计成高度固定，横向出现滚动条横着拉动看的，这种情况就要反过来，宽度上避免百分比尺寸，高度上则可以用。

Answer 2

　　这位网友你好，想要高度用百分比，你需要指定父元素的高度。