html - 右侧的空 div 我的内容 div 占用了 100% 的高度空间

Question

我正在尝试在内容 div 的右侧放置一个空 div。这个 div 是空的，因为我将使用它来放置背景图像。

看看：http: //jsfiddle.net/V9XtN/3/

我希望下面的 div 占据蓝色 div 左侧的所有可用空间。

#ConteudoDireito {
width: 35%;
height: 100%; 
float: left;
overflow: hidden;
background-color: Red;
}

Answer 1

一种选择：添加position:absolute;和right:0;到#ConteudoDireito：

http://jsfiddle.net/V9XtN/6/

如果您稍后用内容填充 div，则不需要这样做，因为 div 将扩展到内容高度，因此您可以将其更改回您现在的样子。