Css 固定左栏和右栏，中间不能跨越整个页面

我试图不使用adobe预定义的CSS模板，而是创建自己的模板。我有一个130像素高的收割台，我想跨越整个宽度。在这下面，我希望在页面的最左边和最右边有150px的固定列。在中间，我想跨越浏览器的整个宽度。所有这些都包含在“container”div中

我的头很好，向左浮动，宽度=100%。接下来，左列宽=150px并向左浮动。没问题。然后，当我向左浮动时，“内容”出现在它应该在的行中。然后150px宽的右列也向左浮动

我应该将内容（中间div）宽度设置为多少？如果我做100%，它会把它放在左栏下面——即使我在两侧设置了150px的边距来容纳这些栏。如果我做“自动”，它也会破坏水平完整性。现在是70%，这使得它们都排成一行，但在大分辨率下并没有占据整个屏幕。（我设置了最小宽度）。这似乎应该是一个简单的解决方案-我的直觉是，它与container div的“绝对”定位有关。谢谢您的任何想法/帮助

以下是该页面的链接：

这是我的密码：

.container {
float: left;
height: auto;
padding: 0px;
margin: 0px;
left: 0px;
top: 0px;
clip: rect(0px,auto,auto,0px);
position: absolute;
width: auto;
min-width: 1024px;
}
.header {

}
.leftcol {
width: 150px;
float: left;
text-align: center;
}
.content {
height: auto;
float: left;
text-indent: 10px;
overflow: scroll;
width: 70%;
min-width: 700px;
}
.rightcol {
float: left;
width: 150px;
clear: none;
}

---

更改div的顺序

<div class="leftcol"></div>
<div class="rightcol"></div>
<div class="content"></div>

移除

浮动：左和<代码>宽度：70%来自内容div（无浮动，无宽度）

这是一把小提琴：

2014年9月17日-使用可执行代码片段更新：
@charset“utf-8”；
/*CSS文档*/
.集装箱{
浮动：左；
高度：自动；
填充：0px；
边际：0px；
左：0px；
顶部：0px；
剪辑：rect（0px，自动，自动，0px）；
位置：绝对位置；
宽度：自动；
最小宽度：1024px；
}
.标题{
/*[禁用]浮动：左侧*/
/*[禁用]高度：130px*/
宽度：100%；
}
leftcol先生{
/*[禁用]高度：自动*/
宽度：150px；
浮动：左；
文本对齐：居中；
/*[禁用]位置：绝对位置*/
/*[禁用]左：0px*/
/*[禁用]顶部：130px*/
/*[禁用]清除：左侧*/
/*[禁用]最小宽度：150px*/
/*[禁用]最大宽度：160px*/
}
.内容{
高度：自动；
文本缩进：10px；
溢出：滚动；
/*[禁用]左边距：150px*/
/*[禁用]右边距：150px*/
最小宽度：700px；
}
rightcol先生{
浮动：对；
/*[禁用]高度：自动*/
宽度：150px；
明确：无；
/*[禁用]最小宽度：150px*/
/*[禁用]最大宽度：160px*/
}
身体{
背景图片：url（../50%20Stars%2113%20Stripes/fsts\u banner\u repeatstripes.png）；
背景重复：重复-x；
}
左柯林斯{
颜色：#710808；
文本对齐：居中；
字体系列：“Palatino Linotype”，“Book Antika”，Palatino，衬线；
字体大小：16px；
线高：1.8；
字体大小：粗体；
}
p{
左边距：15px；
右边距：15px；
字体系列：塔荷马，日内瓦，无衬线；
}

五十颗星十三条条纹
身体{
背景图片：url（fsts_banner_repeatstrips.png）；
}
美国政治

媒体

历史

经济性

教育

外交政策

哲学

社会计划

信仰与宗教

美国各部门

科技

书籍与资源

杂项

关于FSTS

美国政治

媒体

历史

经济性

教育

外交政策

哲学

社会计划

信仰与宗教

美国各部门

科技

书籍与资源

杂项

关于FSTS

我一直在想。这是第一件好事。31年来我一直没有

我写这篇文章是在九月中旬加利福尼亚州蒙特利一个典型的雾天晚上。我盯着桌子上的一摞书，每一本书都没有读过，原因决定了我生命的前三十年。我不感到自豪的原因，我几乎没有什么可以证明的。原谅自己比我想象的要难。然而，自怜似乎将使我一事无成——这是我最近从一个我喜欢称自己的人那里学到的东西

我想要什么？知识？怎么办？我会满足于阅读世界上每一本好书、每一篇文章、每一份报纸和每一部纪录片吗？要想拥有这么多的知识，必须要有能力，但逻辑上说，这还不够。发明扳手的人并不是为了把扳手挂在墙上。他设计和制造它是为了达到一个目的。如果知识不起作用，它又有什么好处呢？知识必须成为创造、思考、设计、执行和做事的工具。否则，我们大脑的容量就被浪费了。我得出正确的结论了吗

“这是一个狡猾的陷阱，这个世界突然出现在社会的头脑中。我们已经满足于接受另一个人的推理。电视、互联网，甚至政府都乐于为我们做艰苦的工作。他们会简单地告诉我们该怎么想，通过在一张漂亮的脸、一些现代特效、感觉、任何吸引我们注意力的东西后面嵌入一条信息。有多少人知道他们的国会议员是谁？在过去的几年里，你们所在地区实施了哪些法律？哪位2012年总统候选人更能体现你的价值观？投票重要吗？你能解释一下原因吗？我们中有多少人知道最后一位美国军人是何时在海外去世的？你的税金到哪里去了？如果你不知道这些，但你知道贾斯汀·贝伯在和谁约会——你就是陷阱的受害者。你已经习惯于相信贾斯汀·贝伯很重要。我们中有多少人的工作没有出路，却把空闲时间花在看“我们的节目”和充满意见的新闻、玩电子游戏、聚会等上？更糟糕的是，我们中有多少人根本没有工作，却做着同样的事情

.rightcol { float: right; }