css浮动和定位

【css浮动和定位】一、浮动

浮动可以改变元素的排列方式 floatleft/right/none; 撑开盒子: 不给高度可以撑开盒子, 问题: 但是浮动之后高度就会变成0(没给高度)导致错位(浮动元素不再占有原文档流的位置,对后面的排版产生影响) 解决:清除浮动(清除浮动元素产生的影响) clear:left/right/both1.额外标签法(w3c推荐的写法) 在后面添加一个块级元素不能是行内元素: 缺点:添加了无意义的标签2.overflow 给父元素添加overflow属性 overflow:hidden/auto/scroll 缺点:无法显示溢出的部分3.:after伪元素法 给父元素添加 本质:自动生成一个额外隐藏标签4.双级伪元素

    推荐阅读