浮动特性以及部分清浮动方法|网站前端开发

网站前端开发_前端开发者CSS

https://www.rokub.com

float浮动的特性:

1、块在一排显示

2、内联元素支持宽高

3、默认内容撑开宽度

4、脱离文档流

5、阻止margin叠压

浮动:使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素停了下来。


前端开发者

部分清浮动的方法:

1.加高度

缺点:

a.不利于维护

b.在内容不确定高度时无法使用

2.inline-block清浮动

缺点:

a.会产生空格间隙

b.无法使用margin左右居中

3.空标签清浮动

缺点:

a.必须是非内联元素

b.但凡使用到浮动都需要加个空标签

4.以浮制浮

缺点:

a.所有浮动元素的父级都要加浮动,最终加到HTML上就无法继续清除浮动了

换行符

缺点:

不符合W3C规范

6.after伪类

必须配合content样式使用[color=#ff0000][/color]

网站前端开发_前端开发者丨CSS

https://www.rokub.com

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容