亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

12-9中的案例使用了div的一層嵌套,如果是多層嵌套,如何設置?

比如我想實現下圖的布局,如何設計?http://img1.sycdn.imooc.com//56696b8d0001eb2d06390156.jpg

正在回答

4 回答

改成行內元素 或者浮動起來

0 回復 有任何疑惑可以回復我~

可以分為兩個盒子 ? ?div1(左) 、div2 div3 div4(右),接下來就是很簡單的浮動了。

0 回復 有任何疑惑可以回復我~

有兩種方式,一種是通過定位,position:absolute;然后通過設置每個div塊的margin和高度寬度即可達到效果;

一種是通過設置div1,div3的樣式float:left,div2,div4設置樣式為float:right。div塊本是行元素,一個div塊即占一行,但是通過設置float:left即可讓原本兩個在同級的div塊呈現左右排列。

0 回復 有任何疑惑可以回復我~

浮動,或者定位。

0 回復 有任何疑惑可以回復我~
#1

木子舟義

手機端還可以用伸縮盒子布局
2015-12-10 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1228731    人
  • 解答問題       19080    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

12-9中的案例使用了div的一層嵌套,如果是多層嵌套,如何設置?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號