我有一个 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%;
}