千家信息网

css怎么清除浮动

发表于:2024-11-19 作者:千家信息网编辑
千家信息网最后更新 2024年11月19日,今天小编给大家分享一下css怎么清除浮动的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧
千家信息网最后更新 2024年11月19日css怎么清除浮动

今天小编给大家分享一下css怎么清除浮动的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

为了对立教授教养浮动打算门径,若是了有三个盒子对象,一个父级里涵概了两个子级,子级一个运用了float:left属性,此外一个子级运用float:right属性。同时设置装备摆设div css border,父级css边框色调为红色,两个子级边框色调为蓝色;父级CSS后援花式为黄色,两个子级后盾为纯白色;父级css width宽度为400px,两个子级css宽度均为180px,两个子级再设置相反高度100px,父级css height高度暂不设置装备摆设(一样平常为实践css结构时分如许父级都不设置装备摆设高度,而高度是随形式增多自适应高度)。

父级CSS定名为".CSS5"对应html标签应用"

"
两个子级CSS命名分袂为".CSS5-left"".CSS5-right"

遵照以上描述CSS5给出对应CSS代码与HTML代码片断

CSS代码:

.CSS5{ width:400px; border:1px solid #F00; bac公斤round:#FF0} .CSS5-left,.CSS5-right{ width:180px; height:100px; border:1px solid #00F; background:#FFF} .CSS5-left{ float:left} .CSS5-right{ float:right}

对应html源代码片断:

left浮动
right浮动

以上就是"css怎么清除浮动"这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注行业资讯频道。

0