三步教你學(xué)會(huì)用浮動(dòng)float制作div網(wǎng)頁(yè)奶卓,div制作網(wǎng)頁(yè)分三列怎么做

姓名:尤學(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è)易桃。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末褥琐,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子晤郑,更是在濱河造成了極大的恐慌敌呈,老刑警劉巖贸宏,帶你破解...
    沈念sama閱讀 211,290評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異磕洪,居然都是意外死亡吭练,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門析显,熙熙樓的掌柜王于貴愁眉苦臉地迎上來鲫咽,“玉大人,你說我怎么就攤上這事谷异》质” “怎么了?”我有些...
    開封第一講書人閱讀 156,872評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵歹嘹,是天一觀的道長(zhǎng)箩绍。 經(jīng)常有香客問我,道長(zhǎng)尺上,這世上最難降的妖魔是什么材蛛? 我笑而不...
    開封第一講書人閱讀 56,415評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮怎抛,結(jié)果婚禮上卑吭,老公的妹妹穿的比我還像新娘。我一直安慰自己抽诉,他們只是感情好陨簇,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,453評(píng)論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著迹淌,像睡著了一般河绽。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上唉窃,一...
    開封第一講書人閱讀 49,784評(píng)論 1 290
  • 那天耙饰,我揣著相機(jī)與錄音,去河邊找鬼纹份。 笑死苟跪,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的蔓涧。 我是一名探鬼主播件已,決...
    沈念sama閱讀 38,927評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼元暴!你這毒婦竟也來了篷扩?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,691評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤茉盏,失蹤者是張志新(化名)和其女友劉穎鉴未,沒想到半個(gè)月后枢冤,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,137評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡铜秆,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,472評(píng)論 2 326
  • 正文 我和宋清朗相戀三年淹真,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片连茧。...
    茶點(diǎn)故事閱讀 38,622評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡核蘸,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出啸驯,到底是詐尸還是另有隱情值纱,我是刑警寧澤,帶...
    沈念sama閱讀 34,289評(píng)論 4 329
  • 正文 年R本政府宣布坯汤,位于F島的核電站虐唠,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏惰聂。R本人自食惡果不足惜疆偿,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,887評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望搓幌。 院中可真熱鬧杆故,春花似錦、人聲如沸溉愁。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)拐揭。三九已至撤蟆,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間堂污,已是汗流浹背家肯。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留盟猖,地道東北人讨衣。 一個(gè)月前我還...
    沈念sama閱讀 46,316評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像式镐,于是被迫代替她去往敵國(guó)和親反镇。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,490評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案娘汞? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,737評(píng)論 1 92
  • 轉(zhuǎn)載請(qǐng)聲明 原文鏈接地址 關(guān)注公眾號(hào)獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    程序員poetry閱讀 16,524評(píng)論 32 459
  • 我一個(gè)不愿與世俗同流合污的 不愿在酒場(chǎng)浪費(fèi)青春的 不愿在昏昏欲睡中度過美好的人歹茶。面對(duì)現(xiàn)實(shí)的歲月 我只能陪笑 陪喝 ...
    銘記癮者閱讀 192評(píng)論 0 1
  • 日暮橋邊獨(dú)垂線,往復(fù)鴻雁哀鳴秋。 一江綠水舟漂泊辆亏,兩壺濁酒夜難捱。 屋村炊煙悄然起鳖目,忽念家鄉(xiāng)渭水魚扮叨。 叩門婦人秉燭...
    青睞與中意閱讀 327評(píng)論 0 0
  • 1. 每個(gè)人都在逃,每個(gè)人內(nèi)心都有自己想要逃避的事情领迈。你彻磁,我,他狸捅,她衷蜓,任何人。 方安昱律師尘喝,白白的辯護(hù)律師磁浇,想逃離...
    親哥拜閱讀 643評(píng)論 0 1