为了账号安全,请及时绑定邮箱和手机立即绑定

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)-升级版
  • 参与学习       1225771    人
  • 解答问题       18234    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信