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

html-css012

想请教一下怎么把两个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 其他都支持。