目录JAVA全系列 教程
3762个小节阅读：7093.6k
目录
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本，未来主流的版本
人工智能 教程
顺势而为，AI创新未来
大厂算法 教程
算法，程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
float属性定义元素在哪个方向浮动，任何元素都可以浮动。
| 值 | 描述 |
|---|---|
| left | 元素向左浮动 |
| right | 元素向右浮动 |
脱离文档流之后，元素相当于在页面上面增加一个浮层来放置内容。此时可以理解为有两层页面，一层是底层的原页面，一层是脱离文档流的上层页面，所以会出现折叠现象
xxxxxxxxxx<div class="box"></div><div class="container"></div>x.container{ width: 200px; height: 200px; background-color: #81c784;}
.box{ width: 100px; height: 100px; background-color: #fff176; float: left;}
xxxxxxxxxx<div class="box"></div><div class="container"></div>xxxxxxxxxx.container{ width: 200px; height: 200px; background-color: #81c784;}.box{ width: 100px; height: 100px; background-color: #fff176; float: right;}当所有元素同时浮动的时候，会变成水平摆放，向左或者向右
xxxxxxxxxx<div class="box"></div><div class="box"></div><div class="box"></div>xxxxxxxxxx.box{ width: 100px; height: 100px; background-color: #fff176; float: left; margin: 0 5px;}当容器不足以横向摆放内容时候，会在下一行摆放
xxxxxxxxxx<div class="container"> <div class="box"></div> <div class="box"></div> <div class="box"></div></div>xxxxxxxxxx.container{ width: 250px; height: 300px; border: 1px solid red;}.box{ width: 100px; height: 100px; background-color: #fff176; float: left; margin: 5px;}实时效果反馈
1.下列关于浮动描述错误的是：
A 浮动以后使元素脱离了文档流
B 浮动只有左右浮动，没有上下浮动
C float属性定义元素在哪个方向浮动，任何元素都可以浮动
D 当容器不足以横向摆放内容时候，会隐藏元素
答案
1=>D