如何防止左浮动时宽度不足div还是换行显示?

K-dash 2012-04-21 11:18:45
现在我做的这个页面在自己电脑上的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后它向下偏移一半,是对齐了左边的下面那个文章块的顶部..

气死了.求助
...全文
700 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
K-dash 2012-04-23
  • 打赏
  • 举报
回复
http://115.com/file/c22zyr1r#练习-仿91yhg.com.rar
精简了代码打包了..希望大家看看
夜风插画 2012-04-22
  • 打赏
  • 举报
回复
请直接放代码上来吧,直观些,问题更能顺便解决
laidezhong 2012-04-21
  • 打赏
  • 举报
回复
贴代码
zhoulina251314 2012-04-21
  • 打赏
  • 举报
回复
说了这么多还不如贴出源码看看, display:inline解决的bug是在ie6里,当float同margin同事使用时候会放大margin值,听你说来应该是你的css就有些问题

61,111

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧