CSS样式问题解决《一》

1、问题一：一个DIV如何在父级DIV中上下居中？这里想讲解的是Postion这个样式。

如果我们用position:absolute;top:50%;margin-top:-n px;这时会导致DIV根据整个浏览器窗口来上下居中。若用position:relative;也无济于事。

这时我们需要在父级DIV添加position:relative;样式，但不作任何其他定位，让整个DIV元素都作相对body定位。

然后再给子DIV添加 position:absolute;top:50%;margin-top:-n px;作绝对定位。这时的绝对定位是在父级元素相对定位后的基础上作定位的，所以这样就可使DIV在父级DIV中上下居中。

2、问题二：一个父级DIV如果在子元素作浮动后，保持子元素的最大高度？

由于我们在对一群同类元素作浮动后，父级元素在不指定高度height样式的情况下，会丢失高度即0px。这样的结果会导致，父级DIV不能把同辈元素向下撑开。而我们若我们指定高度，就不能作高度自适应，这种情况是我们需要父级DIV的子元素作浮动，并保持子元素中的最大高度，同时DIV子元素就不会浮动在DIV后的同辈元素上层。

这时我们需要在父级DIV添加overflow: hidden;来作处理。这是由于父级DIV的高度0px，而子级DIV的高度比父级DIV的高，已经溢出。这时需要overflow来处理内容溢出元素框时发生的事情。