想请教一下怎么把两个div里的css样式完全分离开

html-css013

想请教一下怎么把两个div里的css样式完全分离开,第1张

你可以给放轮播图的那个div设一个类(class)名,然后打开这个轮播图附带的css,把所有选择器的前面都加上这个类名,那么它就只能在这个类中起作用了,不会影响到其他标签。比如给div加的类名是这个:

<div class="lbt">……

而假定轮播图的css是这样的:

ul {......}

ul li {......}

那么就可以改为:

.lbt ul {......}

.lbt ul li {......}

总之就是给每一行的前面加个小数点,再加类名,再加个空格,就行了。如果遇到逗号分隔的,则逗号两边都要加,比如:

li, a {......}

要改为

.lbt li, .lbt a {......}

1、是不是就脱离了父层呢

不会脱离,他就是在他的父容器中。

2、会对他的父层的邻居层有影响吗?

会,当你的父容器没有定义宽高或其他一些样式,具体说不太清楚,比如父元素干干净净的时候,会对父元素相邻的层产生影响,相邻层可以加clear:both消除影响。或者当前父元素定义overflow:hidden之类的属性 也可以消除影响。

3、height:auto有作用吗

有用,不过高度也就是自动而已,就是效果基本没什么效果的...我估计你是要加了overflow:hidden的吧?

4、能兼容吗

同上。

5、!important的,据说是提高优先级的,也能兼容吗

他就是表示优先级,除了ie6 其他浏览器都认识。

所以其他浏览器会认为height:auto

但是IE6会识别成height:200px

*********************************

6、那么height:200px是不是多余的呢?

不是多余

height:auto!important除了IE6以外其他浏览器识别优先级高,作用是高度随内容自动调整。

height:200pxIE6就遍历这句CSS,因为IE6本身有毛病,你定义了他的高度,如果内容超出200,他还是会撑开的。

min-height:200px这个就是IE6以外的浏览器认识,作用是定义最小高度。

7、min-height和max-height,有哪些浏览器支持和不支持呢?

除了IE6 其他都支持。