Question

如何在左边？ div>如何在右边？

如何在左边？
div>如何在右边？
一个DIV欠套二个DIV在里面，如何让里面的这2个DIV一个放在左边，一个防在右边？可以留20PX的空隙

Answer 1

1、首先新建一个html文件，命名为test.html。

2、然后在test.html文件内，使用div标签创建两行文字，分别为测试一，测试二。

3、接着在test.html文件内，分别给两个div标签添加id属性，分别为test1，test2。

4、在test.html文件内，使用button标签创建一个按钮，给button按钮绑定onclick点击事件，当按钮被点击时，执行yidong()函数。

5、在js标签中，创建yidong()函数，在函数内，通过id(test2)获得第二个div对象，使用after()方法将第一个div移动至第二个div后面。

6、最后在浏览器打开test.html文件，点击按钮，查看实现的效果。

Answer 2

我自已画的图，你理解下！

Answer 3

两个div全左浮,设置margin-right：20px;

Answer 4

里面的两个div均设置float：left的css样式即可，中间空隙就让第二个div设置margin-left:20px