css怎么利用:after清除浮动

这篇文章主要介绍css怎么利用:after清除浮动，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

十余年的鄂州网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。全网营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整鄂州建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“鄂州网站设计”,“鄂州网站推广”以来，每个客户项目都认真落实执行。

css的三种引入方式

1.行内样式，最直接最简单的一种，直接对HTML标签使用style=""。2.内嵌样式，就是将CSS代码写在之间，并且用

进行声明。3.外部样式，其中链接样式是使用频率最高，最实用的样式，只需要在之间加上

就可以了。其次就是导入样式，导入样式和链接样式比较相似，采用@import样式导入CSS样式表，不建议使用。

方法：首先使用“父元素:after{content:'';display:block;}”语句在父元素底部插入并显示一个空的元素块；然后给该元素块添加“clear:both;”样式即可清除所有浮动。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

什么时候需要清除浮动？清除浮动有哪些方法？

1、对元素进行了浮动（float）后，该元素就会脱离文档流，浮动在文档之上。在CSS中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。

float主要流行与页面布局，然后在使用后没有清除浮动，就会后患无穷。

先看实例：

.outer{ border:1px solid #ccc; background:#fc9; color:#fff; margin:50px auto; padding:50px;} .div1{ width:80px; height:80px; background:#f00; float:left; } .div2{ width:80px; height:80px; background:blue; float:left; } .div3{ width:80px; height:80px; background:sienna; float:left; }

.outer{ border:1px solid #ccc; background:#fc9; color:#fff; margin:50px auto; padding:50px;} .div1{ width:80px; height:80px; background:#f00; /*float:left;*/ } .div2{ width:80px; height:80px; background:blue;/* float:left; */} .div3{ width:80px; height:80px; background:sienna;/* float:left;*/ }

大橙子网站建设，新征程启航

css怎么利用:after清除浮动

css的三种引入方式

其他资讯