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

来源:13-9 Relative与Absolute组合使用

steve_samuelson

2015-12-10 20:09

比如我想实现下图的布局,如何设计?http://img.mukewang.com/56696b8d0001eb2d06390156.jpg

写回答 关注

4回答

  • echo_kinchao
    2015-12-11 11:45:26

    改成行内元素 或者浮动起来

  • 你造吗_
    2015-12-10 23:25:44

    可以分为两个盒子    div1(左) 、div2 div3 div4(右),接下来就是很简单的浮动了。

  • sunyaox
    2015-12-10 22:30:28

    有两种方式,一种是通过定位,position:absolute;然后通过设置每个div块的margin和高度宽度即可达到效果;

    一种是通过设置div1,div3的样式float:left,div2,div4设置样式为float:right。div块本是行元素,一个div块即占一行,但是通过设置float:left即可让原本两个在同级的div块呈现左右排列。

  • 木子舟义
    2015-12-10 20:11:39

    浮动,或者定位。

    木子舟义

    手机端还可以用伸缩盒子布局

    2015-12-10 20:13:23

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

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

1225806 学习 · 18234 问题

查看课程

相似问题