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/p/2651367.html