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

 时间:2026-05-15 09:47:24

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的用法

  • js中如何删除数组中指定元素后形成新的数组
  • 如何用CSS修改不同input标签的样式
  • html链接下划线去掉
  • css奇数和偶数选择器
  • css+div制作圆角矩形的四种方法
  • 热门搜索
    汆丸子的家常做法 手里剑怎么折 怎么给视频配音 三宝为什么娶万千惠 d的笔顺怎么写 糖醋排骨的简单做法 鸡汤怎么炖好喝又营养 苹果手机微信聊天记录怎么恢复 肌肉跳动是怎么回事 ppt怎么做