问答详情
源自:13-9 Relative与Absolute组合使用

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

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

提问者:steve_samuelson 2015-12-10 20:09

个回答

  • 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

    浮动,或者定位。