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

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

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

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

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

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

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

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

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

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

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

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

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

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

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