手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-12 06:33:35

1、新建文件创建div样式

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

2、在body里面创建div

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

3、展示效果如下

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

4、两个div分别左浮动

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

5、两个div分别右浮动

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

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

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

7、调换浮动的顺序

div中的浮动的应用float的用法
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><div class="box1"></div><div class="box2"></div></body>

div中的浮动的应用float的用法
© 手抄报圈