1、2元素按照自身的常規(guī)顯示特性顯示，比如塊級元素垂直排列，行級元素水平排列二 浮動 具體代碼左浮動 floatleft右浮動 floatright三定位布局 1靜態(tài)定位 positionstatic默認(rèn)值，不寫position相當(dāng)于寫上positionstatic以前沒學(xué)定位的時候其實都是靜態(tài)定位，元素在它原本的位置顯示，即使。

2、1使用float樣式，讓文字左右浮動即可，先輸入向左浮動的文字，示例代碼如下明月幾時有把酒問青天 2然后輸入向右浮動的文字，示例代碼如下不知天上宮闕，今夕是何年 3在瀏覽器中預(yù)覽效果如下，文字一左一右分別顯示4通過設(shè)置textalignrighttextalignleft，改變文字居右和居左，示。

3、在樣式里面加入浮動屬性就可以做到，是需要敲代抄碼的如果敲代碼，DW軟件系統(tǒng)默認(rèn)給弄成相對與絕對定位position，但這種方式不利于后面內(nèi)容的排版你可以給左邊的圖片加入左浮動，就像這樣 imgfloat left，然后再給右邊的文字加入左浮動，這樣divfloat left 記住是加在和圖片并排的div。

4、用DOCTYPE聲明文檔類型，然后加如下代碼 關(guān)閉 如果有共用的頁眉頁腳，或是模版頁之內(nèi)的，加進去就可以顯示在所有頁了如果沒有，就一頁頁的加吧。

5、浮動我們可以這樣理解，就是元素的居左居右問題，都是相對于父元素進行的浮動，確切來說就是在這個元素的左邊或者右邊位置我們用代碼實現(xiàn)左浮動，建設(shè)父子元素，把父元素設(shè)置為300PX的寬高，子元素設(shè)置100PX的寬高，然后把子元素div2左浮動一下，代碼floatleft實現(xiàn)效果如下，DIV2在div1的左方。

6、示例代碼如下將 float 屬性設(shè)定為 left，使 DIV 元素向左側(cè)浮動，并通過 marginright 設(shè)置與其他元素的間距若元素浮動后容器高度塌陷，影響布局，則需在容器上添加 overflow auto 屬性，確保容器適應(yīng)內(nèi)部元素高度使用 float 屬性進行 DIV 浮動時，需注意容器高度可能的塌陷問題，通過 overflow 屬性。

7、表示向左浮動，比如多個div在一個頁面上，默認(rèn)情況是一行一個div，但是只要在div的css中使用floatleft，可以使一行有多個div，這樣可以把網(wǎng)頁劃分成很多塊，但是使用該屬性會影響后面的元素，所有如果后面的div不想再被影響，可以使用clearboth可以理解為清除floatleft和floatright的影響，返回到。

8、我們需要先了解下positionrelative屬性，它是指leftrighttopbottom等中的偏移位置我們可以讓ul為positionrelativeleft50%，再讓li向左浮動，再讓positionrelativeright50%或者left50%，那么li就會向中間浮動一樣居中了不相信的可把下面的CSS定義結(jié)合上邊的代碼拷貝到HTML測試view。

9、是HTML代碼的浮動元素 float屬性 拿左浮動舉例，我們定義左浮動以后 你所定義的模塊中的內(nèi)容 也就是標(biāo)簽內(nèi)部的內(nèi)容向左 移動 與父塊相鄰 這就像是我們把一個放在大盒子里面的小盒子移動到大盒子內(nèi)部左側(cè) 兩個盒子貼在一塊一樣 float在網(wǎng)站設(shè)計中使用頻率非常高 float 屬性定義元素在哪個方向浮動。

10、注解 頁內(nèi)定義CSS樣式標(biāo)簽leftimg 定義樣式名稱 定義樣式 floatleft 左浮動float right 右浮動positionfixed 固定元素不隨滾動條滾動 position absolute絕對定位，隨滾動top20px 距離頁面頂部距離 left10px 距離頁面左側(cè)距離。

11、3個div全部floatleft就行 3個div會依次的向左浮動適當(dāng)?shù)脑O(shè)置div的寬度，3個div會鋪滿屏幕參見如下代碼 #containerwidth900pxheight600pxmargin 0 autobackgroundcolor#cccblockwidth300pxheight400pxfloat left 效果如下 3個div全部左浮動， 加一起。

12、*lt！設(shè)置若干個div，content下的div在flex 的作用下，都會往左浮動 lt！設(shè)置類名 1lt！設(shè)置5個div 2 3 4 5。

13、讓水平排列關(guān)鍵之處在于設(shè)置ul或者li標(biāo)簽的浮動floatleft或者floatright第一個是靠左浮動，第二個靠右浮動下面是代碼展示ul中設(shè)置的li標(biāo)簽居左浮動 ul li floatleft marginleft20px liststyletype 靠左浮動排列一 靠左浮動排列二 靠左浮動排列三 靠左浮動排列四 li。

14、css中+或~都是匹配相鄰”后面“的元素如果排版left在right左邊，那么righthover+left width 25%肯定是不會生效的看個實例li + lifontweightbold 123 只有2，3會加粗所以css里相鄰的只能左邊影響右邊，如果右邊需要影響左邊可以結(jié)合JS來實現(xiàn)。

15、20120604643html 這哥可以解決你第一個彈出層的效果，下面那個其實也是一個div 它是固定在頁面，首先設(shè)置它的一個右浮動 floatright ，然后設(shè)置一個它的絕對定位 positionabsolute ，最后設(shè)置它的位置 topxx px leftxx px。