一 内层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>