关于css:css浮动和定位

53次阅读

共计 331 个字符,预计需要花费 1 分钟才能阅读完成。

一、浮动

 浮动能够扭转元素的排列形式
float  left/right/none;

撑开盒子:不给高度能够撑开盒子,问题:然而浮动之后高度就会变成 0(没给高度)导致错位(浮动元素不再占有原文档流的地位,对前面的排版产生影响)解决:革除浮动(革除浮动元素产生的影响)clear:left/right/both

1. 额定标签法(w3c 举荐的写法)在前面增加一个块级元素不能是行内元素:<div style="clear:both"></div>
毛病:增加了无意义的标签

2.overflow
给父元素增加 overflow 属性
overflow:hidden/auto/scroll
毛病:无奈显示溢出的局部

3.:after 伪元素法
给父元素增加
实质:主动生成一个额定暗藏标签

4. 双级伪元素



正文完
 0