日期:2014-05-17  浏览次数:20512 次

如何防止左浮动时宽度不足div还是换行显示?
现在我做的这个页面在自己电脑上的FF,IE8,360浏览器调试效果都正常
但是旁边一位同事的IE8却显示某个div被挤到下一行去了.
具体情况是这样的
一个大div(宽960px)包住里面两个div内容块
左边的宽度是779px,右边的div宽度是179px,两个之间没有margin
理论上不超出960宽度,可以在的float:left下并排,一左一右显示,我不精通DIV+CSS,无法理解为什么光是float:left不能让它们并排,反正我就将右边那个float:right就并排了,自己电脑上的浏览器调试正常

但是找旁边几位同事的电脑看了看,某台机的IE8显示右边那个179宽的div没有并排,而是在下一行的左边开始显示(为什么没有过右边?float:right啊)

宽度又没有超出外框总宽度,为什么会被换行?
有没有什么办法规定它们必须在同一行?

display:inline试了,但是这回搞笑,没有换行显示,但是top向下偏移了一半,其实左边的779px div内部又分上下两个文章列表块的,我的电脑上显示左右两个div并排正常显示,左边文章,右边广告,同事那边简直就是换行
inline后它向下偏移一半,是对齐了左边的下面那个文章块的顶部..

气死了.求助

------解决方案--------------------
贴代码
------解决方案--------------------
说了这么多还不如贴出源码看看, display:inline解决的bug是在ie6里,当float同margin同事使用时候会放大margin值,听你说来应该是你的css就有些问题
------解决方案--------------------
请直接放代码上来吧,直观些,问题更能顺便解决