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 回答
1

放置 table-layout:fixed 而不是 display:table-cell

于 2013-07-24T21:47:21.457 回答