DIV学习笔记

最近才开始接触前端DIV+css,写下每天学得的一点点心得。。。。

1、div 默认display:block 即一个div 不管多小都是占一行的。div没有设置宽度的话默认是占领整块的。

2、假如你在一个父div里面有两个style为float:left 的子div（没有设置

width)是看不到两个子div的效果的。。。。。（除非两个子div各自明确设置一个width值）

3、父DIV的高度若没有设置的话，会根据子DIV的高度自适应

（即会被子DIV的高度撑起来），但是假如父div没有设置高度而且有两个子div的设置为float的话，那么父div的高度没法被撑起来显示。。。。因为子div浮起来了父div

没人给他撑开

4、假如一个div设置浮动，那么它下面那个div会飘上来占着它的位置所以我们会看到两个div重叠在一起的效果。。。

5、页面布局原则，先从到下 找到 头，身，尾布局好。。然后里面再去细分，解决问题也是从醉简单的开始，一点点的往上添加东西，最后才出来一个复杂的页面

6、margin 是外边距 比如两个div之间的距离就是用marigin，如margin:1px 则上下左右边距都为1px,它默认从上边开始顺时针一次给div加边距，还有一种简便写法就是

margin:1px 2px 3 px 4px(上，右，下，左）一次设置。。。。又或者麻烦点的 margin-left:1px;margin-top:2px;margin-right:3px;margin-bottom:4px; 还有另一种写法是

margin:1px 2px;这里设置了上、右的边距。。。则下，左默认跟上、右的一样宽，又如margin:1px,2px,3px; 那么左边距则默认跟右边距一样为2px,其它也是 以此类推