css中一些关于浮动,bfc等知识的补充-lz-7

61 阅读1分钟

关于浮动(float:right/left) :会产生浮动流,产生了浮动流的元素,块级元素看不到,其他如bfc,文本类元素,以及带有文本(inline)属性的元素都能看到;浮动流可以被bfc类元素,浮动元素看到,即可设置bfc类属性和浮动属性,

注意:凡是设置了position:absolute以及float:left/right,会自动从内部把元素转换为inline-block

利用上述float特点可以做文字包裹图片的效果,算是一个拓展,毕竟现在float用的也不多。

另外在容器中的文本,有时会溢出,关于溢出的处理:

white-space:nowrap;(强制不换行)

overflow:hidden;(溢出隐藏)

text-overflow:ellipsis(溢出替换为...)。

之前做项目最开始还有背景图片的添加问题,background-img

background-repeat:(默认是repeat,)no~

background-position:(x轴)(y轴);