三、CSS浮动属性使用
代码展示:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>浮动练习</title>
<style>
div{
width: 50px;
height: 50px;
color: red;
background: blue;
border: solid ;
}
.div1{
float: left;
}
#id6{
background: black;
clear: both;
}
</style>
</head>
<body>
<div class="div1">我</div>
<div class="div1">很</div>
<div class="div1">很</div>
<div id="id6" ">0</div>
<div class="div1">你</div>
<div class="div1">猪</div>
</body>
</html>
效果图:
一、不加浮动属性
二、float: right;标签右浮动
三、float: left;标签左浮动
四、0标签周围不允许浮动效果
备注:由于个人原因,本博客暂停更新。如有问题可联系本人,本人提供技术指导、学习方向、学习路线。本人微信wlp1156107728(添加注明来意) QQ1156107728(添加注明来意)