4

我知道这已经被问过一百万次了，但我似乎仍然找不到答案（大多数问题似乎与我想要的不一样）。

我有两个 div，分别是 #left 和 #right。#right 的固定尺寸为 150 像素 x 50 像素。我希望#left 扩展并填充剩余空间，#right 位于屏幕的最右侧。我尝试过以不同的方式浮动它们并设置 display: inline-block; 但我似乎仍然无法确定它。我读过的所有文章都是关于左边的 div 被修复而右边的 div 正在增长。我尝试反转我阅读的内容，但它总是导致#left div 在#right 周围浮动。我的意思是，我的#left div 将缩小到它的最小（内联块），或者它将显示前 50px 到 #right 然后 #left 的其余部分将折叠在 #right 下而不是保持齐平。

我希望这是有道理的。这有点难以解释。 截屏

4

2 回答 2

5

像这样写：

.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-01T10:10:42.207 回答
0

你可以试试这个

<div class="right" style="clear:right">
于 2012-06-01T10:14:26.393 回答