2019-12-09

                                          浮动

浮动的作用:清楚浮动主要是为了解决父级元素因为自己浮动引起内部高为0的问题

浮动的本质:其实本质叫左浮动好一些,清楚浮动你就是把浮动的盒子攀到里面,让父盒子闭合出口和入口不让他们出来影响其他元素,在css属性用于清除不会浮动。

基本格式:炫紫色气{clear(属性值:)}

属性值(left,right,both)一次的基本意思为:(不允许左侧有浮动元素(清除左侧浮动元素),(不孕许右侧不存在浮动元素)(清除右侧浮动),(不允许两侧有浮动元素)(清除浮动元素))

浮动有三种标签分别为(额外标签法,飞机添加overflow属性元素,使用after微元素清除浮动)。

额外标签法:通过浮动元素末尾添加一个空标签来体现作用:

优点:通俗易懂,书写方便

缺点:添加许多无意义的标签,结构化较差

父级标签添加overflow属性元素可以通过触发btc的方式,可以实现清除浮动的效果,可以给父类添加:overflow为hidden out{iscro实现}。

优点:代码简洁。

缺点:内容增多是后容易造成不会自行换行导致内容被淹没,无法显示需要移除元素。



使用after微元素清除浮动:after方式为空元素的升级版,好处是不用单独加标题了,

使用方法:clearfix:after(content:“display:block:height:0;clear;111:xisiblity:hidden”) clear-flx(zoom:i:)

优点:复合闭合浮动思想 结构赋予正确

缺点:由于IE有的浏览器版本不够:after使用zoom:1出发haslayout。




这次又图片喽0.0.

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容