<div>，min-width值增长，但不会返回其最小宽度</div>

Question

尽管我在stackoverflow和google上搜索，但我找不到解决问题的方法： 我有一个<div>，其中包含另一个div中的另一个div，所以：

<div class="father" style="min-width: 800px;">
    <div class="child">  
        <div class="grandchild">  
            ...content, which can make this div grow beyond its father's and grandfather's size...  
        </div>  
    </div>  
</div>

此处，如果内容使其容器增长超过800像素，然后内容更改为小于800px的宽度，则外部div仍然保持超大尺寸并且不会返回其原始大小。即使按F5或CTRL + F5也无济于事。

有没有办法在不使用javascript的情况下修复此问题？

提前致谢！

ps：即使我使用了4个空格，代码似乎也没有缩进，对不起。

Answer 1

摆脱宽度并将overflow:hidden设置为父div

.father{overflow:hidden;}