DIV+CSS学习中遇到的问题求教。

来源:百度知道 编辑:UC知道 时间:2024/06/24 10:28:06
我在http://www.samchug.com/18351 看教程,看到的代码:

一直想不明白里面其中一句

<DIV class=clear></DIV>

这句代码有什么作用呢?
我把它去掉,页面就会乱。
希望高手能指点,最好能详细解析说明一下。

<DIV class=clear></DIV>
这个其实很容易理解的!class="指定样式的名称"
这里的clear就是样式的名称!这只是个名称没有什么意义!
在使用div+css的时候我们一般会把样式定义写在<head></head>之间。
因为在使用div+css要使用很多样式,所以对样式的命名也最好有自己的规则,能让自己看懂。clear这个命名根据大部分的规则应该是写清除悬浮的。也就是.clear{clear:both}
这个样式的作用就是在给使用float:left和float:right给div+css定位之后用来清除的!所以你删掉肯定就会出现错位的!如果不清楚这些样式的作用可以到网上查查!

这是div所用的CSS呀,clear在CSS中写好

这个DIV用的是clear

<div></div>是一个标签,class=clear是说这个标签套用了一个名字为clear的css类。这个类里定义了div标签的字体、颜色、位置、大小等属性,你把它删了,自然就乱了。

class=clear 你在css里可以找到
.clear {clear:both}
这句子是清除浮动的
下面的内容不会错误插到上面的内容里去
ie和ff里会不一样
也就是你说的页面乱的情况

清除浮动项