Question

html 布局时候div用了绝对定位或者漂浮以后，下面的div怎么布局

<div class="aa" style="flaot:left height:100px;"></div>
<div clss="bb" style="heigjt:100px;"></div>
两个div重合了！怎么解决呢？
<div class="cc" style=" height:100px">
<img style="position:absolute;" src="a.png">

</div>
<div class="dd" style="100px;"></div>
这两个盒子也重合了！怎么处理！谢谢很急！

Answer 1

实现两个DIV盒子并排，一行只显示两列DIV布局，使用width宽度+float浮动即可实现一行显示两列DIV布局。

解决方法:一个设置为float:left，一个设置为float:right。

1、完整HTML源代码：

2、两列并排DIV实例截图:

Answer 2

不要用绝对定位，用了绝对定位需要给margin属性调试到自己想要的位置

追问

轮播图肯定要绝对定位！定完为以后就不知道怎么布局了！手机端要适应屏幕大小，求经验解答！

追答

轮播应该是：

<ul>
    <li><img src="1.jpg"></li>
    <li><img src="1.jpg"></li>
    <li><img src="1.jpg"></li>
</ul>
应该这样布局后，ul的宽度设置很宽，外围元素设置超出隐藏，li设置和外围元素一样宽，左浮动，根本不需要绝对定位，只需相对定位就行了，然后写轮播的时候是每次让li向左移动外围元素的宽度，当移动到最后一张就需要判断是否为最后一张，如果是就返回第一张

追问

大神，可以写一个完整的代码给我吗？包括轮播的代码！js代码和html代码！谢谢了。

追答

你百度搜myfocus，里面很多简单的成熟的轮播插件，直接调用就可以了，调用方法也有

追问

这样的图片不会隐藏！必须要在.images这个div设置高度，但是我需要的自动适应高度，我是要.aa这个盒子一直能自动在.images的div下面，不能让他们重合！你觉得该怎么办？谢谢！在线等

追答

给images元素设置左浮动，aa也设置左浮动

Answer 3

清除浮动
clear:both;

追问

没有用的，一般的轮播图下面布局，我做的是手机端要适应不同的屏幕所以，不能用margin-top给上边距，希望让下面的盒子能自动跟着图片的高度。

追答

你单词写错啦.height float
aa左浮动后,bb会占他的位置. aa在上.
cc下的img绝对定位后因为cc没有定位,所以img默认相对与body定位.因为有aa左浮动的关系,所以,img会在aa的右边.
这是你的代码的显示情况.