浮动特性以及部分清浮动方法

原创 20171025 随笔 HTML/CSS 78阅读 2017-11-16 19:33:07 举报

float浮动的特性:
1、块在一排显示
2、内联元素支持宽高
3、默认内容撑开宽度
4、脱离文档流
5、阻止margin叠压
浮动:使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素停了下来。
部分清浮动的方法:
1.加高度
缺点:
a.不利于维护
b.在内容不确定高度时无法使用
2.inline-block清浮动
缺点:
a.会产生空格间隙
b.无法使用margin左右居中
3.空标签清浮动
缺点:
a.必须是非内联元素
b.但凡使用到浮动都需要加个空标签
4.以浮制浮
缺点:
a.所有浮动元素的父级都要加浮动,最终加到HTML上就无法继续清除浮动了

  1. <br/>换行符
    缺点:
    不符合W3C规范
    6.after伪类
    必须配合content样式使用[color=#ff0000][/color]
评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复