css+div 布局简单总结

1 css中布局

position：static     不设置position属性的时候static是默认值。top，botton，left，right这些属性设置了也没有用。

                                添加块级元素或者是内联元素会按照从左到右，从上到下的顺序依次排列，本行排不下自动转入下一行。

                              内敛元素，你设置的宽度是多少，他就会占用多少的宽度，但是块级元素会默认占据一整行的宽度。如果

                              想要块级元素占据不是一整行的宽度，那么设置float：left/right/top/botton.就可以了。

position：relative     相对定位，那么问题来了，相对谁呢，相对设置static的时候这个元素在的位置，相对这个位置重新的根据                                   新设置的属性来显示现在的元素在的位置，并且原来的位置得到保留，新的位置会遮住其他的元素

                                 

solid：固体的  后面跟颜色名字，，设置区块的颜色。
   
     opacity 不透明性。 用来设置区块的透明度，区块也是分层的，值在0-1之间。
    x-index 设置区块的层次。

position：absolute  绝对定位相对非static父级元素的位置来设置自己的位置，并且添加这个属性后，这个元素快会脱离原来的                                    文档流，出现在原来的默认的那一层的上面的一层。

                                   注意：一旦设置了这个属性就必须设置botton，left，right，top，属性之一，不设置的话不会托林原来                                      的文档流，还是出现在默认的那一层。也就相当于relative。

position: fixed      相对于浏览器窗口，不会随着文档的滚动跟着滚动