姓名:尤學(xué)強(qiáng) 學(xué)號(hào):17101223374
轉(zhuǎn)載自:http://www.wenzhaihui.com/wenzhaihui/ITwenzhang/2016-10-31/15160.html
【嵌牛導(dǎo)讀】:浮動(dòng)float制作div網(wǎng)頁(yè)
【嵌牛鼻子】:浮動(dòng)float、浮動(dòng)div
【嵌牛提問】:要是有源代碼能直接用就更好了
【嵌牛正文】:
三步教你學(xué)會(huì)用浮動(dòng)float制作div網(wǎng)頁(yè)阔籽,div制作網(wǎng)頁(yè)分三列怎么做
很多人問我怎么利用浮動(dòng)float,浮動(dòng)div的時(shí)候吼鳞,很多人說會(huì)跑到其他div的上邊去奄抽,怎么處理蔼两。其實(shí)很多人習(xí)慣了表格,不過現(xiàn)在表格的網(wǎng)友確實(shí)過時(shí)了逞度,div制作網(wǎng)頁(yè)才是潮流额划,除非特殊需要很多表格的地方,一般還是建議大家用div制作網(wǎng)頁(yè)档泽,怎么用div制作三列網(wǎng)友呢俊戳,需要用到浮動(dòng)float,每當(dāng)我們用float的時(shí)候馆匿,伴隨著就要用到抑胎,clear這個(gè)屬性,在浮動(dòng)的下邊要把浮動(dòng)清楚渐北,這樣浮動(dòng)才不會(huì)跑到其他div的上邊去阿逃。
先看效果圖
可以用個(gè)div制作,第一個(gè)div是左浮動(dòng),第二個(gè)div也是左浮動(dòng)赃蛛,第三個(gè)div是右浮動(dòng)恃锉,第四個(gè)div很關(guān)鍵,就是清楚浮動(dòng)呕臂,這樣破托。浮動(dòng)的div才不會(huì)跑到其他父div的上邊∑缃可以設(shè)置左邊的div的占比土砂,中間div的占比,和右邊的div占比疏尿,可以用百分?jǐn)?shù)表示瘟芝。這樣就制成了三列的網(wǎng)頁(yè)易桃。