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

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

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

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

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

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

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

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

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

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

11、3個div全部floatleft就行 3個div會依次的向左浮動適當的設置div的寬度，3個div會鋪滿屏幕參見如下代碼 #containerwidth900pxheight600pxmargin 0 autobackgroundcolor#cccblockwidth300pxheight400pxfloat left 效果如下 3個div全部左浮動， 加一起。

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

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

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

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