課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
比如我想實(shí)現(xiàn)下圖的布局，如何設(shè)計(jì)？
2015-12-10
源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 13-9
正在回答
改成行內(nèi)元素 或者浮動(dòng)起來
可以分為兩個(gè)盒子 ? ?div1(左) 、div2 div3 div4（右），接下來就是很簡(jiǎn)單的浮動(dòng)了。
有兩種方式，一種是通過定位，position：absolute；然后通過設(shè)置每個(gè)div塊的margin和高度寬度即可達(dá)到效果；
一種是通過設(shè)置div1，div3的樣式float:left，div2，div4設(shè)置樣式為float:right。div塊本是行元素，一個(gè)div塊即占一行，但是通過設(shè)置float:left即可讓原本兩個(gè)在同級(jí)的div塊呈現(xiàn)左右排列。
浮動(dòng)，或者定位。
木子舟義
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答如果要使用多層嵌套怎么辦？
6 回答如何設(shè)置嵌套式表格之間的距離，用HTML
1 回答div嵌套的區(qū)別
2 回答div一定要嵌套嗎
4 回答html的嵌套？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2015-12-11
改成行內(nèi)元素 或者浮動(dòng)起來
2015-12-10
可以分為兩個(gè)盒子 ? ?div1(左) 、div2 div3 div4（右），接下來就是很簡(jiǎn)單的浮動(dòng)了。
2015-12-10
有兩種方式，一種是通過定位，position：absolute；然后通過設(shè)置每個(gè)div塊的margin和高度寬度即可達(dá)到效果；
一種是通過設(shè)置div1，div3的樣式float:left，div2，div4設(shè)置樣式為float:right。div塊本是行元素，一個(gè)div塊即占一行，但是通過設(shè)置float:left即可讓原本兩個(gè)在同級(jí)的div塊呈現(xiàn)左右排列。
2015-12-10
浮動(dòng)，或者定位。