子DIV设置了position:absolute，父DIV设置了position:relative的时候，子DIV如何能把父DIV撑开？

1、作为外部容器的边框为红色的DIV，没有被撑开。这是因为内部的DIV因为float:left之后，就丢失了clear:both和display:block的样式，所以外部的DIV不会被撑开。

2、在容器DIV内要显示出来的float:left的所有的DIV之后，我们添加了这样的一个DIV：<div style="clear:both"></div>  。

3、在用dojo做Drag & Drop的时候，由于这个DIV是容器DIV的一个子节点，如果这个节点被移动，则会造成排版上的Bug。

4、要显示的蓝框的DIV被移到这个DIV之后，则因为clear:both，它会被强制换一行显示。

5、修改原来的HTML代码，让外部的容器DIV来使用这个CSS即可。

<div style="float:left;magrin:0 10px; height:200px;overflow:auto; border:1px solid red;">
<div style="float:left;width:800px; height:200px; border:1px solid #ccc;">文字1</div>
<div style="float:left;width:500px; height:200px; border:1px solid #ccc;">文字2</div>
<div style="float:left;width:500px; height:200px; border:1px solid #ccc;">文字3</div>
<div id="clear"></div>
</div>看看是不是你要的纵向滚动条效果

在父div上加上overflow:hidden(超出隐藏):
<div id="div1" style="height:25px;width:100px; overflow:hidden">
<div id="div2" style="height:100px;width:25px;">
</div>
</div>

1、新建一个html文件，命名为testhtml。

2、在testhtml文件内，使用div标签创建一个模块，在div标签内，使用p标签创建一行文字，在p标签内，使用span标签创建一行文字。

3、在testhtml文件内，设置span元素的id为box，主要用于下面通过该id获得span对象。

4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获得元素名称”。

5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getfu（）函数。

6、在js标签中，创建getfu()函数，在函数内，通过id(box)获得span对象，通过连续使用parent()获得span标签的父级的父级元素对象，再使用prop()方法获得该对象名称。最后，使用alert()方法输出元素名称。

---