CSS 问题 Margin内层DIV 不管用 Position用法

一 内层Div的margin属性不好用

   Margin 属性：在外层次DIV设置了宽度，高度时，内层div使用margin属性不管用；

   原因：外层DIV设置了宽度，高度，内层DIV 无意间给撑开了。

   解决方法：在外层div中使用overflow：hidden；把浮动出来div隐藏掉

二 Position 的用法

  我们平时用的Position一般用于元素的绝对定位：

  在div中使用absolute属性时，如果直接在div使用则其top left 属性时针对这个body的。

  例如：<div style="position:absolute;top:20;left:30px;">定位</div>该定位的left top 是相对于整个body的定位

 而我们平时用的绝对定位是相对于外层div的定位。所以我们就应该在外层div中position：relative；在内层div中使用absolute就是针对外层div的

 例如：<div  style="position:relative">

          <div  style="position:absolute;top:20;left:30px;">定位2</div>//这里div的位置就是相对于外层div的位置了。

         </div>

转载于:https://www.cnblogs.com/jiangqiang/archive/2012/08/22/2651367.html