Question

在两个div高度不定时，如何让两个div同一行且互不影响（在线等）

现在在用div+css做列表的时候遇到了一个问题：
目的：让2个高度不定的div同一行且不相互影响。
现状：有left、right两个高度不定的div，其中left宽度是写死的，100px，布局是float：left；right仅设宽度100%。这样的话right层自动会跑上去跟left同一行。
但是由于2个层均不能把高度写死掉，只能让其自适应，而一般情况下都是right层的内容比较多，高度较大。这时候right的部分内容总是跑到left下面去了。如何才能在不写死高度的情况下让left、right两个层同一行且不会相互影响？
这两个div外层还有一个总的名为list的层
样式如下：
margin-top：5px；
padding：0px 0px 5px 1px;
margin-left:0px;
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color:#999999;
height:100%;

要求是纯css来控制，不用js。2楼的anziv同学的方法我之前用过，但是这样又有新问题，总的list高度无法自适应，一旦right的内容过多，就会导致页面散架

Answer 1

设置right层的margin-left:100px; 100px也就是left层的宽度！

***********************************************************

试试这个:

<div id="list" style="border:solid 1px #999;">
<div id="left" style="border:1px solid red; float:left; width:100px; overflow:hidden;">
Left标签…
</div>
<div id="right" style="margin-left:110px; border:1px solid #000;">
Right标签…
</div>
<div style="clear:both;" title="该标签用于清除浮动，使left和right的父标签能自适应高度！"></div>
</div>

Answer 2

设置right层的margin-left:100px;100px也就是left层的宽度！
***********************************************************
试试这个:
<divid="list"style="border:solid1px#999;">
<divid="left"style="border:1pxsolidred;float:left;width:100px;overflow:hidden;">
Left标签…
</div>
<divid="right"style="margin-left:110px;border:1pxsolid#000;">
Right标签…
</div>
<divstyle="clear:both;"title="该标签用于清除浮动，使left和right的父标签能自适应高度！"></div>
</div>

Answer 3

用z-index属性 把两个div 分层吧，傻瓜式办法
哈哈，管用！！ 不用float飘来飘去的，那东西不好用
用position:absolute 定位吧 然后用z-index分层，
祝你好运 ：）

Answer 4

楼主讲的有误吧:你right的宽度为100% 两个DIV真的能在同一行吗??

就你想要的样式来看 用js应该可以解决

让两边的高度不管在什么情况下都相同

Answer 5

right层加一个margin-left:110px