如何div设成百分比后float浮动层始终在同一行

今天在写div的过和中遇到一个很棘手的问题,页面内容的右边是要估计200大小的,而左边的内容则要跟据浏览器窗口的大小自适就,这应该怎么解决呢,我也试着用左右两边都用百度比,可一下子就不在同一行了,尽管后来修改后能显示在同一行,但是效果十分的差,在高分辨率的浏览器下效果很难看,请求高手指点!

-------------------------------------------------------------------------------

有没有类似的JS来控制左边的的内容呢,本人JS小白,求教高手了!

你的意思是右边DIV固定大小,左边DIV自适应?

给你写个例子.

#right{

float:right;

width:200px;

margin-left:-200px;

}

#left{

float:left;

padding-right:200px

}

<div>

<div id="left">left</div>

<div id="right">right</div>

</div>