我该如何为此做css？

我是css的新手,这让我很难过.

>如何让父div始终包含其子项？一旦我开始使用浮动进行对齐,父级就会停止包含子级.
>我实际上不想漂浮东西.我想对齐它们.我们如何在CSS中进行对齐和边距,还没有对所有维度进行硬编码？
>有人可以为此慷慨解囊吗？让我们假设为了这个例子,总宽度是960px,所有边距都是15px;

让我们看一个清晰灵活的版本：

#container { background: gray; overflow: hidden; padding: 15px; }
#left { background: purple; width: 200px; float: left; margin: 0 15px 15px 0; } 
#content { background: blue; overflow: hidden; margin: 0 0 15px 0 } 
#footer { background: green; height: 50px; clear: left; }

甚至您看到的宽度和高度都是不必要的,当省略时,框可以调整其内容,我只是为了演示目的而添加它们.

> jsFiddle Demo
> overflow: hidden affecting layout
> Chris Coyier: All About Floats