css解决兼容的问题.doc

2、/div>对应的CSS文件如下：#somePartstrong{font-weight:normal;color:#f00;}4：IE的display:inline;当box为float时，IE下面会使得margin加倍。真是莫名其妙……IE6页没有解决这个问题。解决方法是float后续标签闭合（见前），并且给float的box赋以“display:inline;”的属性，至于这该死的display:inline是什么意思，5：另外一个IE的sbbug当Windows样式主题为XP样式时，所有的按钮不能定义backgroun

3、d-image，只能定义background，也就是说#regb{...background:url(images/reg/login.gif)no-repeat;...}可以，然而#regb{...background-image:url(images/reg/login.gif)no-repeat;...}就不行了！唉！不过加上background-color:transparent;之后就好了！6：换行打破float的问题假设布局A

4、BdivB标浮在A的右侧，这时候如果不设定B的宽度，则B很可能由于内容过多而撑破大的布

5、局，跑到A的下面，形成AB的局面。因此一定要注意设置B的宽度。7：IE与FF对宽度的理解不同在IE中，如果子元素宽度超标，会自动“撑破”母元素，而FF不会，所以常用FF调试的时候，一定要确保子元素width小于母元素。不管是IE还是FF,border都是跟padding走的。而width则在IE和FF有不同的理解，准确地说，border会跟width+padding走！8、关于高度的问题如果是动态地添加内容，高度最好不要定义。浏览器可以自动伸缩，然而如果是静态的内容，高度最好定好。（似乎有时候不会自动往下撑开，不知道具体怎么

6、回事）9、最狠的手段-!important;如果实在没有办法解决一些细节问题,可以用这个方法.FF对于!important会自动优先解析,然而IE则会忽略.如下.tabd1{　background:url(/res/images/up/tab1.gif)no-repeat0px0px!important;/*StyleforFF*/　background:url(/res/images/up/tab1.gif)no-repeat1px0px;/*StyleforIE*/}10、margin加倍的问题。设置为float的div

7、在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;例如：