前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >javascript当中float:left,clear:left,float:right和clear:right用法

javascript当中float:left,clear:left,float:right和clear:right用法

作者头像
马克java社区
修改2019-11-26 10:12:14
1.1K0
修改2019-11-26 10:12:14
举报
文章被收录于专栏:java大数据java大数据

2.float:left,clear:left,float:right和clear:right用法 例 1.2 <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <style type="text/css"> #first{ background-color:#EE1583; width:15%; float:left; } #second{ background-color:#90aaaa; width:15%; /*clear:right;*/ float:left; } #third{ background-color:#eeee00; width:15%; clear:left;/*马克-to-win:clear:left;效果就会换行了,文档:在左侧不允许浮动元素。*/ float:left; /*clear:right;*/ } #fourth{ background-color:#FF0000; width:20%; clear:left; /*clear:left;就会换行了*/ float:right; } #fifth{ background-color:#6A5ACD; width:20%; clear:right;/*上一个是clear:right,所以用clear:right;就会换行了*/ float:right; } </style> </head> <body> <span id="first" >11</span> <span id="second">22</span> <span id="third">33</span> <span id="fourth">44</span> <span id="fifth">55</span> </body> </html>

更多请见:https://blog.csdn.net/qq_43650923/article/details/102363285

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档