0

の幅に設定された div があり60%ます。かなり大きな幅の別の div (その多くは表示されません) をネストしたいと考えています。ただし、子 div のサイズを親のサイズを超えて大きくすると、親overflow-xは に設定されていても、より大きなサイズに拡大されhiddenます。これを修正するにはどうすればよいですか?

#parent{
    overflow-y: hidden;
    overflow-x: hidden;
    max-width:60%;
    width:60%;
    display:table-cell;
    border-radius:5px;
    background:#444;
    border-width:10px;
    color:lightgray;
    height:100%;
    padding:1em;
    vertical-align:top;
}
#child{
    width:2000px;
    height:100%;
}

フィドル リンク: http://jsfiddle.net/kgsD7/

4

2 に答える 2

5

問題は、display:table-cell;

それを削除すると、固定幅が機能します。

于 2013-07-24T21:37:49.200 に答える