<style> *{ margin:0px; padding:0px; } .main{ width:500px; background:#eee; margin:auto; overflow:hidden; } .left{ float:left; padding-right: 10px; } .right{ float:left; overflow: hidden; } </style> <div class="main"> <div class="left">某某某的名字</div> <div class="right">横向上的撑破容器问题，。如果float 容器未定义宽度，ff下内容会尽可能撑开容器 .... 的div高度height具体值，内层相对层将具有100%的width值，外层绝对层将被撑大。</div> </div>
 提示：您可以先修改部分代码再运行

要求:左边名字的长度不确定,右边要求换行后跟第一行对齐.

问题:ie可以做到,ff的右边的div会因为内容的撑大而导致div撑大换行,有没有办法解决?谢谢

写上宽度吧。

问题就是左边的名字长度不确定,不好写宽度呀~

那就换成table布局吧。

那你右边就定个宽度好了，然后float:right；

看了楼上说的受到点启发!用FF模拟表格就OK了!

<style> *{ margin:0px; padding:0px; } .main{ width:500px; background:#eee; margin:auto; overflow:hidden; display:table; } .main_body{ display:table-row; } .left{ float:left; padding-right: 10px; display:table-cell; white-space:nowrap; } .right{ float:inherit; +float:left; /*----这里加个ie的hack----*/ display:table-cell; } </style> <div class="main"> <div class="main_body"> <div class="left">某某某的名字</div> <div class="right">横向上的撑破容器问题，。如果float 容器未定义宽度，ff下内容会尽可能撑开容器 .... 的div高度height具体值，内层相对层将具有100%的width值，外层绝对层将被撑大。</div> </div> </div>
 提示：您可以先修改部分代码再运行

不知道还有没有更好的解决办法?

试试：

<style> *{ margin:0px; padding:0px; } .main{ width:500px; background:#eee; margin:auto; overflow:hidden; } .left{ float:left; padding-right: 10px; } .right{ +float:left; /*弄个+号*/ overflow: hidden; } </style> <div class="main"> <div class="left">某某某的名字</div> <div class="right">横向上的撑破容器问题，。如果float 容器未定义宽度，ff下内容会尽可能撑开容器 .... 的div高度height具体值，内层相对层将具有100%的width值，外层绝对层将被撑大。</div> </div>
 提示：您可以先修改部分代码再运行

问题是左边的名字长度不确定!右边怎么能定宽度呢?如果右边定了宽度左边的名字又太长那不是换行了?

一般情况下是要写宽度，不写的话应该不好解决，至少我是不清楚。
但如果是模拟表格的话为什么不直接用表格？

右边定个宽度然后浮动right