html浮动没有作用,CSS浮动不起作用

我想构建一个这样的div：CSS浮动不起作用

有一个div，它是容器(700x400像素)。在容器中，还有3个div。第一个是名为'photo_id'的div。这div应该坚持到左边，而div'内容'应该坚持到右边。 photo_id和内容的高度均为266px。最后一个被称为“导航”的div应该位于其他div的下面，这样我顶部有2个div，底部有一个div。你明白我的意思了吗？

我不知道为什么我的代码不能正常工作。我做错了什么？我是CSS新手，自己尝试过，但在我的问题中无法在万维网上找到任何好的解决方案！对不起，但我真的不知道该怎么做！

这里是我的html：

，这里是我的CSS：

.container {

height: 400px;

width: 700px;

background-color: #ecf0f1;

border: 1px solid #bdc3c7;

}

div#photo_id {

height: 266px;

width: 233px;

position: absolute;

float: left;

}

div#content {

height: 266px;

width: 467px;

position: absolute;

float: right;

}

.navigation {

height: 134px;

width: 700px;

bottom: 0;

position: absolute;

}

2014-02-24

fjw

+4

摆脱'的位置是：在所有这些的absolute''div' –

+0

*漂浮在空中*。元素从文档正常流程中移除时怎么可能？ –

+0

是啊，现在它的工作，但导航的div！我如何做到这一点？ –