这真的不应该像我想象的那么困难 - 我确信解决方案非常简单。
我正在努力完成两件事:
1) .container
中的 #left
和 #right
与 #footer
留在原地。理想情况下,#right
将只是一个分隔符(其中没有文本),它触及 #topstrip
和 #bottomstrip
并且会有第三个 div在右侧。
2) 将 Logo 与#navbar
放在同一层,但在左侧。
最佳答案
您可以在容器中 float 左右 div,然后使用 clearfix 使它们等高:http://www.webtoolkit.info/css-clearfix.html
因为我们都一遍又一遍地遇到这种布局问题,所以已经创建了几个非常好的 css 框架来完成这项繁重的工作。让您专注于构建内容而不是样板文件。我个人使用 yaml ( http://www.yaml.de/ ),从那以后就再也没有回头。我可以全心全意地推荐它。
关于css - 基本并排嵌套 <div> 定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10061598/