ie6 浮动bug
2011-09-26 16:01
393 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> *{ margin:0px; padding:0px;} .p_color{ } .p_size{ } .span_title{ float:left;} ul{ float:left;} ul li{ float:left; list-style:none;} </style> </head> <body> <div class="p_color"> <span class="span_title">这里是ul1:</span> <ul> <li><a href="#">1</a></li> <li><a href="#">2</a></li> </ul> </div> <div class="p_size"> <span class="span_title">这里是ul2:</span> <ul> <li>3</li> <li>4</li> </ul> </div> </body> </html>
项目要求p_color和p_size各占一行,且不能使用clear,width,height;
调试了很久,原谅我还是一个小菜鸟,
最终代码在p_color{ overflow:hidden;zoom:1; }定义这个样式就可以了。
只是想了很久都不知道为什么,哪个高手路过给解答一下,小弟感激不尽。。。
相关文章推荐
- IE6浮动引起的一些bug
- IE6中浮动双边距bug
- IE6 BUG诡异的行内替换元素设置浮动并设置text-indent:xx px 影响相邻元素布局
- IE6浮动换行bug比较实用简单解决方法
- 【IE6的疯狂之六】li在IE中底部3像素的BUG(增加浮动解决问题)
- HTML CSS的兼容性问题、IE6BUG之浮动与定位篇
- display:inline可以消除IE6和IE7下的浮动BUG
- 6.浮动的问题(IE6、IE7的bug)
- 一行CSS代码解决IE6 浮动层 抖动BUG
- IE6的BUG,float浮动元素被非float元素挤到第二行
- 项目layer弹出框在IE6出项BUG,双倍浮动
- IE6下li中span元素右浮动的BUG解决方案(其他的类似)
- IE6 浮动元素与非浮动元素在一起,3px偏移BUG解决方案
- IE6 浮动元素之间注释太多 导致重复字符BUG
- 【转】CSS hack & IE6下的浮动模型Bug
- ie6中容器内浮动元素的border边框不完全显示的bug
- 由布局学习CSS——IE6,7,8(Q)的浮动行内元素在某些情况下发生折行的bug
- 05_01.IE6同行元素浮动bug
- IE6下浮动li下的a标签设置display:block后的BUG
- IE6浮动换行bug解决办法之一