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