CSS属性之浮动flow

来源:互联网 发布:怎么安装发票软件 编辑:程序博客网 时间:2024/05/29 15:25
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>浮动练习</title><style type="text/css">/* *问题:如何让三个方块横着排列 * 方法1、可以把块元素变为行内块元素 * */.box1{width: 100px;height: 100px;background-color: red;/*display: inline-block;*//* * 如果希望块元素水平排列,可以使元素脱离文档流 * 可以用flow属性使元素浮动,脱离文档流 * 可选值: * none:默认值,不会脱离文档流 * left:脱离文档流,元素向左浮动 * right:脱离文档流,元素向右浮动 *  * 元素脱离文档流后,下方元素会向上移动 * 如果浮动元素上面是一个没有浮动的块元素,则元素不会超过块元素 * 如果一行里不能容下所有的浮动元素,则元素会自动换行 * 浮动元素不会超过其兄弟元素 *//*float: left;*/}.box2{width: 100px;height: 100px;background-color: yellow;/*display: inline-block;*/float: right;}.box3{width: 100px;height: 100px;background-color: yellowgreen;/*display: inline-block;*//*float: left;*/}</style></head><body><!--问题:如何让三个方块横着排列--><div class="box1"></div><div class="box2"></div><div class="box3"></div></body></html>

原创粉丝点击
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 老是熬夜然后想调生物钟怎么办 一个月宝宝睡眠不好怎么办 个人怎么办一清pos机 社保到退休年龄未交满15年怎么办 退休时社保没交满15时怎么办 单位不支付病假工资怎么办 一年级学生上课注意力不集中怎么办 一年级学生的理解能力差怎么办 一年级学生学习太差怎么办 宝宝屁眼破皮怎么办啊 九个月婴儿不爱喝奶怎么办 十一个月婴儿发烧怎么办 四个月宝宝睡不踏实怎么办 5个月宝宝瘦了怎么办 宝宝只吃迷糊奶怎么办 宝宝五个月了不吃奶粉怎么办 1岁婴儿入睡困难怎么办 怀孕五个月胎儿肾积水怎么办 15个月宝宝总喊怎么办 学业水平考试有d怎么办 买了水果碰见领导怎么办 高一孩子不愿意上学怎么办 专家解答 孩子不愿意上学怎么办 冬天脚冷怎么办膝盖疼 拉拉裤大了怎么办小妙招 孕37周翻身困难怎么办 晚上睡不好白天犯困怎么办 抑郁症又不想起床了怎么办 儿童憋尿功能太差怎么办 一个月的宝宝睡眠不好怎么办 被商场要求撤场怎么办 上班没法接孩子放学怎么办 幼儿下午放学与上班错开怎么办 宝宝早上醒的早怎么办 晚卜睡不着尿多怎么办 要求正常休息公司不准怎么办 我早起被室友说怎么办? 小孩晚上睡的晚怎么办 初中一年级学不扎实怎么办 一年级学生上课爱说话怎么办 孩子不按时完成作业怎么办