Python12/10--前端之display/overflow使用/清浮动的方式

display：

　　1.inline 同行显示，当一行显示不下、多余的就会换行显示，

　　不支持的css样式：不支持宽高，不支持行高（行高会映射给父级） 不支持margin上下，content由 文本内容撑开

　　2.inline-block：同行显示，当一行显示不下，标签会作为一个整体换行显示

 

 

 

overflow：

　　 1.定义：处理内容超出盒子显示的区域

　　 overflow：auto：自适应，内容如果超出显示，会出现滚动条，不超出则不显示滚动条

　  overflow:hidden：隐藏超出盒子显示范围的内容

　　overflow:scroll：一直采用滚动方式显示

 

float：浮动布局 ，改变BFC的参照方位

　　为何使用：使用它，块级盒子就会同行显示

　　如何使用：

　　　　　　float：left/right （左/右 浮动）

　　　　　　left：BFC参照方向从左向右

　　　　　　right：BFC参照方向从右向左 

 

清浮动目的：让父级（有浮动的子级）获得一个合适的高度

 　　浮动的问题：浮动的子级，默认不会获取父级的宽度，也不会撑开父级的高度

　　 清浮动操作以后（清浮动针对的是父级）：父级在清浮动以后，可以重新被子级撑开高度

　　　注意：当父级没有下兄弟标签（不影响上兄弟），可以不做清浮动操作。但是清浮动一般每次在浮动后都会处理的。

　　清浮动的四种方式：

　　　　1.设置父级的死高度（就是设置一个有效的高度值）

 　　　 2.通过父级的兄弟设置clear:both

　　　　3.设置父级overflow 属性

　　　　　　例：.sub{overfolw:hidden;}  overflow:hidden：隐藏超出盒子显示范围的内容

　　　　4.通过父级：after

.　　　　　　　　　　　after{
　　　　　　　　　　　　　　content: '';
　　　　　　　　　　　　　　display: block;
　　　　　　　　　　　　　　clear: both;}
　　　　　　　　　　　　　　　　　　　

转载于:https://www.cnblogs.com/junge666/p/10097323.html