css - 使用 CSS 和 Div 制作两列布局

Question

我对 css 定位还比较陌生，但是已经读了几本书，看了一些教程。我在 colourLovers 制作了一些调色板，想看看当它们作为配色方案应用于网站时会是什么样子。因此，利用我仅有的一点编码知识，我创建了一个页面来展示我的配色方案。过了一会儿，它变成了一种自信的提升，当一件小事引起了我的注意时，我就快完成了。

我有一个两列布局 - 左边是导航菜单，上面是标题，右边是内容部分，所有内容都在自己的 div 中。我的问题是 - 当我缩放页面时(例如，缩小查看页面的窗口)，内容部分被推送到 Div 下。我可以解决这个问题的方法是制作一个没有 bg 颜色的额外 div，并使其与包含导航 div 的内容一样长，这样它们就会排成一行，但如果你调整窗口大小时它不会修复它。

我确信有一个简单的解决方法，但我有限的知识还不知道。如果有帮助，我在下方附上了该网站在我的编辑器 (Coda) 中的外观图像文件。我还提供了指向我已上传到 textsnip 的网站页面代码的链接。您可以在这里找到它 - http://textsnip.com/f434fd .我还添加了注释来标记页眉、侧边栏和内容部分。任何帮助将不胜感激。提前致谢!

Answer 1

最简单的解决方案是在您的容器上使用 min-wdith:

<div style="width: 90%; padding: 10px; margin:0 auto; min-width: 400px;"> 

这不适用于 IE6，但适用于其他一切。而且，如果您需要 IE6，那么有几种解决方法可以解决它。