并列两个div，右分区固定宽度

我知道这已被问过一百万次之前，但我仍然无法找到答案（大多数问题似乎与我想要的不一样）。并列两个div，右分区固定宽度

我有两个div说#left和#right。 #right的固定尺寸为150px x 50px。我希望#left展开并填充剩余空间，并将#right放在屏幕的右侧。我试着以不同的方式浮动它们，并设置显示：inline-block;但我似乎还不能钉住它。我读过的所有文章都是关于左边的div被修正的和正确的增长。我尝试反转我读的内容，但总是会导致＃leftft div在#right左右浮动。我的意思是，我的#left div将缩小到最小（内嵌块），或者它将显示第一个50px到#right，然后#left的其余部分将放在#right下，而不是保持同步。

我希望这是有道理的。这很难解释。 Screenshot

来源

2012-06-01 Piercy

这样写：

.right{ 
width:150px; 
height:150px; 
float:right; 
background:red; 
} 
.left{ 
height:150px; 
background:green; 
overflow:hidden; 
}

HTML

<div class="right">fixed</div> 
<div class="left">auto</div>

入住这http://jsfiddle.net/TW4dn/

来源

2012-06-01 10:10:42 sandeep

完美，我实际上尝试过，但由于地雷是一些divs，所以它并没有很好的工作。包装div对它进行排序。愚蠢的我，但仍然是正确的答案。谢谢。 – Piercy

如果HTML代码必须正确div div，并且不能更改代码，只能使用CSS，可以这样做吗？ –

你可以试试这个

<div class="right" style="clear:right">

来源

2012-06-01 10:14:26 Prashobh

并列两个div，右分区固定宽度

回答

相关问题