1. 盒子的浮動

　　在標準流中，一個塊級元素在水平方向會自動伸展，知道包含它的元素的邊接；而在豎直方向與相鄰元素依次排列，不能並排。

　　CSS中float屬性，默認為none。將float屬性的值設置為left或right，元素就會向其父元素的左側或右側靠緊。同時默認情況下，盒子的寬度不再伸展，而是根據盒子裏面的內容的寬度來決定。

float: left;

　　可以使用clear來清除浮動：

clear: left | right | both;

2. 盒子的定位

　　在CSS中有一個position屬性，用來進行定位操作。position屬性可以設置為4個屬性值之一：

　　? static：默認的屬性值，該盒子按照標準流（包括浮動方式）進行布局；

　　? relative：相對定位，使用相對定位的盒子的位置常以標準流的排版方式為基礎，然後使盒子相對於它在原本的標準位置偏移指定的距離。相對定位的盒子仍在標準流中，它後面的盒子仍以標準流方式對待它。

　　? absolute：絕對定位，盒子的位置以它的包含框為基準進行偏移。絕對定位的盒子從標準流中脫離。它對其後的相鄰盒子的定位沒有影響，其他的盒子就好像這個盒子不存在一樣。

　　? fixed：固定定位，它和絕對定位類似，只是以瀏覽器窗口為基準進行定位，當拖動瀏覽器的滾動條時，依然保持對象位置不變。

2.1 static

　　static為默認值，表示塊保持在原本的位置上，不會有任何移動的效果。沒有設置任何position屬性相當於使用static方式。

2.2 relative

　　使用relative相對定位，除了將position屬性設置為relative之外，還需要指定一定的偏移量，水平方向通過left或者right屬性來指定，豎直方向通過top或bottom來指定。佰倫餐飲公司頁面鏈接：http://www.baylun.com/

佰倫公司招商加盟，頁面制作小談