全面剖析float網站建站佈局

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

全面剖析float網站建站佈局，這是一個網站頁面配置屬性，若是運用得當將會帶來很好的效果，幾乎所有的網站佈局都是可以實現的，有耐心感興趣的朋友一起來看一下吧：

◆float

作用:設置元素浮動在相鄰元素周圍，例如使圖像浮動的文字周圍，產生文字環繞效果。

取值:可取值包括left, right和none. left表示將元素浮動在其他元素左側;right表示浮

動在右側;none表示不浮動。 none為預設值。

常用於設置

從此圖中將主要的已經明顯的標誌出，這裡主要介紹一下1~4的佈局，因為1~4的佈局包含了主頁的所有的佈局情況，其他的均在這個小的縮影中找到!可以將1~4的佈局簡單的可以表示為((1+2)+3)+4。

1.其中1+2是指將div1 和div2進行佈局，這個應該很明白就是<div id=」1」></div><div id=」2」></div>；

2.然後將其歸為整體即是「1+2」：<div id=」1+2」><div id=」1」></div><div id=」2」></div></div>；

3.接著再佈局（1+2）+3）：<div id=」1+2」 style=」float:left」></div><div id=」3」 style=」float:right」></div >，如此，就是將1+2向左懸浮，將3向右懸浮；

4.再將其歸為整體即是「1+2+3」：<div id=」1+2+3」><div id=」1+2」 style=」float:left」></div><div id=」3」 style=」 float:right」></div></div>；

5.然後佈局（（1+2）+3）+4：<div id=」1+2+3」 style=」float:left」></div><div id=」4」 style=」float:right」></ div>；

6. 再將其歸為整體即是「1+2+3+4」：<div id=」1+2+3+4」><div id=」1+2+3」 style=」float:left」></div><div id=」4」 style=」float:right」></div></div>，定義為div4參與網站結構的其他佈局中。

本原創文章版權歸站長www.i5768.com所有，轉載請注明版權，謝謝合作!