html - CSS3 内容和包装器 div 不会自动调整大小

Question

HTML

 <div id="nav">
        <div id="nav_wrapper">
            <ul>
                <li><a href="index.html">Home</a></li><li>
                <a href="#">Licensing</a></li><li>
                <a href="#">About us</a></li><li>
                <a href="#">Testimonials</a></li><li>
                <a href="#">Contact Us</a></li><li>
                <a href="#">Social <img src="image/arrow.png" width="8" height="4" /></a>
                    <ul>
                        <li><a href="http://Youtube.com"><img src="image/social/YouTube.png" width="32" height="32" title="Youtube" /></a></li>
                        <li><a href="http://Twitter.com"><img src="image/social/Twitter.png" width="32" height="32" title="Twitter"></a></li>
                        <li><a href="http://Facebook.com"><img src="image/social/Facebook.png" width="32" height="32" title="Facebook"></a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div id="content">
        <img src="image/placeholderimg.png">
        <h2>Overview</h2>
        <p>Filler Text</p>
    </div>
 </div>

CSS3

#content 
{
    margin-left: auto;
    font-family: Arial, Helvetica, sans-serif;
    resize: both;

}
#content p
{
    max-width: 1100px;
    margin: 0;
    color: #ccc;
    min-width: 960px;
}
#content h2
{
    margin: 0;
    color: #ccc;
    min-width: 960px;
}
#content img
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
}
#wrapper
{
     min-width: 960px;
     width: 50%;
     margin: auto;
}

固定 CSS3 代码

#content 
{
    padding-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    resize: both;

}
#content p
{
    max-width: 1100px;
    margin: 0;
    color: #ccc;
    min-width: 960px;
}
#content h2
{
    margin: 0;
    color: #ccc;
    min-width: 960px;
}
#content img
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
}
#wrapper
{
     min-width: 960px;
     width: 50%;
     margin: auto;
}

所以我一直在四处寻找解决这个问题的方法，但似乎我找不到一个......所以我来问 Stack-overflow 上经验更丰富的程序员。我遇到的问题是需要内容 div 与其他元素一起调整大小，但我似乎无法正确完成。我不想使用溢出将其完全删除，我希望它随着页面大小的调整而缩小。有办法吗？上面提供的是 css3 代码以及我试图重新调整大小的 html div。我试图重新调整大小的主要 div 是内容，或者如果可能的话作为整体的包装。

编辑:出于某种原因，我做了一些我无法解释的修复代码的事情，有人可以如此友好地向我解释我做了什么吗？

Answer 1

width:auto; 

一旦尝试将它与“最小宽度”一起应用于您的代码..我不知道它是否有效，但一旦试一试..