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