css 关于overflow:hidden对float的影响

来源:互联网 发布:大数据功能ppt 编辑:程序博客网 时间:2024/05/16 11:46
float:left;-->第一个div加上该属性后,两个div可以在同一行并列,但是火狐是重叠(解决方法:在第二个div也加入该属性)


以下的前提是:wai层div宽高小于nei层div
ie6:子容器总是会撑开父容器,不管浮动不浮动,如果wai层div加上overflow:hidden属性后,就不会出现撑开的情况,而是按照wai的宽高,且没有清除内存float属性
ie7:子容器总是不受父容器影响,不管浮动不浮动,如果wai层div加上overflow:hidden属性后,受影响,按照wai的宽高,且没有清除内层float属性。
以下的前提是:没有指定wai层的宽高
ie6:wai层的overflow:hidden属性没有清除了nei层的float:left属性;
ie7:wai层div的overflow:hidden属性清除了nei层float:left属性;


IE6双倍边距BUG,只要满足下面3个条件才会出现这个BUG
1)要为块状元素;
2)要左侧浮动;
3)要有左外边距(margin-left);
解决办法:加上display:inline属性即可解决双倍边距bug问题。
0 0
原创粉丝点击