div中的浮动的应用float的用法

2025-10-18 22:54:37

1、新建文件创建div样式

div中的浮动的应用float的用法

2、在body里面创建div

div中的浮动的应用float的用法

3、展示效果如下

div中的浮动的应用float的用法

4、两个div分别左浮动

div中的浮动的应用float的用法

5、两个div分别右浮动

div中的浮动的应用float的用法

6、一个有浮动一个做浮动

div中的浮动的应用float的用法

7、调换浮动的顺序

div中的浮动的应用float的用法

8、附上代码

<style>

.box1{width:200px; height:200px; margin:20px; background:red; float:left;}

.box2{width:300px; height:300px; margin:20px; background:#0F0; float:right;}

</style>

<body>

</body>

div中的浮动的应用float的用法

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。