三、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(添加注明来意)
262
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
