前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

3种CSS清除浮动的方法

今天这篇文章给大家介绍3种CSS清除浮动的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

首先,这里就不讲为什么我们要清楚浮动,反正不清除浮动事多多。

下面我就讲3种常用清除浮动的方法,够用了。

1、在浮动元素后面加一个空的div,并为它清除浮动

html代码:

<div class="wrap">   <div class="float">浮动</div>   <div class="clear"></div>   <div class="nofloat">不想被浮动影响</div></div>

CSS中清除浮动的几种方法,快来学习一下吧

前言

首先我们通过一张图来解释下元素浮动是什么样的状态。

元素浮动情况

上图的html部分代码为:

html代码

css部分代码为:

css代码

通过上面的图片可以看出,当内部的div设置float后,外部的元素的就会受到以下影响:

<< < 1 2 3 4 >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言