清除浮动并不是指清除浮动元素本身的浮动,而是在浮动元素的外面(前面或后面)进行清除,也就是清除浮动元素对其他后续元素的影响。浮动元素相当于漂浮在空中,那么它原来在地面所占用的位置就被收回了,后面的其他元素就会自动占用这个位置(具体表现就类似于其他元素钻到这个浮动元素的下面去了),而清除浮动的意思就是把浮动元素原来在地面的占用位置找回来,这样后面的其他元素的位置就不会受这个浮动元素的影响了。
具体做法可以在浮动元素的后面插入一个块级元素来清除浮动,下面是最简单的一种:
<div class="d1"></div>
<div class="d2"></div>
<br style="clear:both"/>
<div class="d3"></div>
没有办法可以取消css继承。
当你在大的元素如body中写了一些css样式后,该继承的都会被其子元素继承。
你只能用优先级别更高的css样式来覆盖已定义的css。
或者写js脚本来改变元素的css,也是一种方案。
最后有一个变通办法,只在后台等少数情况下用,用iframe,里面是一个单独的页面,
与父窗体基本无关。
Css清除继承样式可以使用如下代码: