首页
Web开发
Windows程序
编程语言
数据库
移动开发
系统相关
微信
其他好文
会员
首页
>
其他好文
> 详细
Float浮动与clear
时间:
2016-06-29 20:35:12
阅读:
187
评论:
0
收藏:
0
[点我收藏+]
标签:
在页面布局当中,除了可以使用position定位来确定元素位置之外,关于元素的定位,另一个标签则是float/浮动。
无论多么复杂的布局,其基本出发点都是:“
如何在一行显示多个DIV元素
”。而标准的文档流布局是满足不了开发的需求,这就需要用到浮动了。
浮动是可以理解为了让某个DIV元素脱离标准文档流,漂浮在标准文档流之上,和标准流不是在一个层次上。
块元素浮动的优先级是按照HTML块元素排列顺序而来,各站一行的块元素浮动之后会显示在同一行中(如果一行放不下多个元素,那么块元素会被挤到下一行/如果高度还不一样的话,块元素还会被卡住。)
元素浮动之前,也就是在标准流中,是竖向排列的,而浮动之后可以理解为横向排列。
而
清除浮动的则理解为打破横向排列
。
清楚浮动的关键词在于:
clear
。
||||||||
Float浮动与clear
标签:
原文地址:http://www.cnblogs.com/dayn/p/5628086.html
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
更多
分布式事务
2021-07-29
OpenStack云平台命令行登录账户
2021-07-29
getLastRowNum()与getLastCellNum()/getPhysicalNumberOfRows()与getPhysicalNumberOfCells()
2021-07-29
【K8s概念】CSI 卷克隆
2021-07-29
vue3.0使用ant-design-vue进行按需加载原来这么简单
2021-07-29
stack栈
2021-07-29
抽奖动画 - 大转盘抽奖
2021-07-29
PPT写作技巧
2021-07-29
003-核心技术-IO模型-NIO-基于NIO群聊示例
2021-07-29
Bootstrap组件2
2021-07-29
友情链接
兰亭集智
国之画
百度统计
站长统计
阿里云
chrome插件
新版天听网
关于我们
-
联系我们
-
留言反馈
© 2014
mamicode.com
版权所有 联系我们:gaon5@hotmail.com
迷上了代码!