对css中的浮动属性float刨根解牛
2024-09-14 20:09:39
1、浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。
脱离常规流,由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。
2、几张图说明浮动常见现象:
差不多就这么多啦,现在知道文字环绕图片的原理了吗?倒数第二张图就是最好的说明,浮动的元素的脱离常规流,使后面的元素和自己重叠,但后面的元素的内容又会从浮动元素的左边开始!!!!!!这就是浮动元素的独特之处,也是和绝对定位(也是脱离常规流)很重要的一个不同之处。
(备注:float在绝对定位和display为none时不会被应用。 )
float虽然在绝对定位元素上是无效的,但可以和相对元素一起使用,效果相对于,先浮动,然后相对定位(所以浮动后的位置还会被占着的)
最新文章
- MySql分页算法
- 关于BT网络的一些改进
- css3学习总结7--CSS3 2D转换
- 算导Ch34. NP Complete
- grep线上环境精典案例后续
- Phpwind v9.0 存储型xss跨站漏洞
- poj2226(最小点覆盖)
- tab切换实现方式1
- LoadRunner性能测试过程中报Error(-17998):Failed to get [param not passed in call] thread TLS entry.
- 网络时钟服务器,NTP授时设备,北斗网络校时服务器,GPS时间同步器
- 关系型数据库工作原理-查询优化器之数据访问方式(翻译自Coding-Geek文章)
- JavaFX - 富互联网应用
- 基于SVM的鸢尾花数据集分类实现[使用Matlab]
- Azure CosmosDB (7) 分区键Partition Key
- Python大神成长之路: 第三次学习记录 集合 函数 装饰 re
- 替换openjdk的版本时遇到报错Transaction check error
- .NET开发过程中的全文索引使用技巧之Solr(转)
- 解题:洛谷2633 Count on a tree
- 2017-2018-2 20179205《网络攻防技术与实践》第十一周作业 SQL注入攻击与实践
- PTA基础编程题目集6-6求单链表结点的阶乘和(函数题)
热门文章
- firefox浏览器删除插件
- AMH4.2免费版手动编译升级Nginx1.8版本方法
- w3c subscribe
- 常用的python模块
- SPRING IN ACTION 第4版笔记-第五章BUILDING SPRING WEB APPLICATIONS-003-示例项目用到的类及配置文件
- ANDROID_MARS学习笔记_S01原始版_016_Service
- oprofile使用方法
- ActionBar官方教程(5)ActionBar的分裂模式(底部tab样式),隐藏标题,隐藏图标
- USACO3.22Stringsobits
- BZOJ_1833_[ZJOI2010]_数字计数_(数位dp)