php字体向下浮动,CSS中的浮动

本文介绍了CSS中的浮动属性`float:left`和`float:right`,阐述了浮动元素如何脱离文档流并创建新的布局层次。通过示例展示了如何使用浮动进行布局,并提到了清除浮动的方法。在移动端开发中,浮动布局常常被用来实现响应式设计。
摘要由CSDN通过智能技术生成

摘要:float:left ,right; 一但浮动起来,就是脱离文档流.与本页面无关系,简单说就像是飘起来一样!形成另一层次,本页面部分就会被护盖,当本页面浮动起来时需要左右移动.

   CSS中的浮动

ul li{

width: 100px;height:50px;background-color: lightskyblue;line-height: 50px;text-align: center;

margin: 0px 2px;list-style: none;

float: left;

}

.box1{

width: 100px;height: 100px;background-color: green;margin: 0px 2px;text-align: center;

float: right;

}

.clear{

clear: both;

}

  • 杨海诺
  • 唐果
  • 杨海言
  • 杨天琦
  • 唐文杰
 /*清除仅仅只是演示*/
清除
唐果
杨海言
杨天琦
唐文杰

批改老师:欧阳批改时间:2019-05-21 09:18:20

老师总结:完成的不错。浮动在移动端用到的比较多。继续加油。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值