- UID
- 1398454
- 在线时间
- 0 小时
- 最后登录
- 2016-11-9
- 注册时间
- 2016-9-29
- 宅魂
- 288 点
- 贡献
- 60 点
- 宅币
- 669 枚
- 宅の石(入宅度)
- 0 块
- 元气(技能点)
- 1 点
- 活跃
- 0 ℃
- 听众
- 5
- 收听
- 0
该用户从未签到
Continue
- 积分
- 1763
|
楼主 |
发表于 2016-10-17 10:54:05
|
显示全部楼层
新菜上桌~
16-CSS清除浮动
清除浮动方式一
给前面的父盒子添加高度
示例代码:
<style>
*{
margin: 0;
padding: 0;
}
.box1{
background-color: red;
/*这里*/
height: 50px;
}
.box2{
background-color: purple;
}
ul{
list-style: none;
}
.ul01 li{
background-color: blue;
}
.ul02 li{
background-color: green;
}
ul li{
float: left;
}
</style>
<div class="box1">
<ul class="ul01">
<li>大娃</li>
<li>二娃</li>
<li>三娃</li>
</ul>
</div>
<div class="box2">
<ul class="ul02">
<li>李南江</li>
<li>极客江南</li>
<li>江哥</li>
</ul>
</div>
添加高度前:
添加高度后
注意点:
在企业开发中能不写高度就不写高度, 所以这种方式不常用 |
|