浮动也能让块元素并排出现
浮动元素脱离文档流，提升层级
防止父级塌陷 both 左右都清除
clear: left;
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
#box{
border: #0000FF 1px solid;
}
#div1,#div2,#div3{
width: 100px;
height: 100px;
border: #E9185A 1px solid;
float:left;
}
#clear-fix{
/* 防止父级塌陷 both 左右都清除 */
clear: left;
}
</style>
</head>
<body>
<div id="box">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="clear-fix"></div>
</div>
</body>
</html>
float: left 浮动也能让块元素并排出现浮动元素脱离文档流，提升层级 浮动父级塌陷 防止父级塌陷 both...
float设置浮动： float有3个可选值，分别是：float:left向左浮动，float:right向右浮动...
float中的四个参数 左浮动：float:left右浮动：float:right不浮动：float:none继承...
浮动：float，常用的css属性，可以设置左浮动float：left；右浮动float：right；不浮动flo...
FLOAT:float:left;左浮动float:right;右浮动浮动产生的问题：添加浮动会出现父div只能显...
引用文章： 那些年我们一起清除过的浮动 CSS浮动float详解 Clear Float CSS float浮动的...
对于float浮动元素后面的元素可以通过clear来消除float的浮动 根元素（ ）浮动元素（元素的 float...
浮动的特性： （1）浮动元素有左浮动（float:left）和右浮动（float:right）两种 （2）浮动的元...
浮动的特性： （1）浮动元素有左浮动（float:left）和右浮动（float:right）两种 （2）浮动的元...
仅供学习，转载请注明出处 浮动特性 1、浮动元素有左浮动(float:left)和右浮动(float:right)...
本文标题：2019-04-17浮动float
本文链接：https://www.haomeiwen.com/subject/jzrowqtx.html
网友评论