天天看點

html 去除max-height,html – Child比max-height的父級大.溢出無效

我想擁有一個具有最大高度的父元素和一個填充此父元素的子元素.如果孩子的内容超過父母,則應顯示滾動條.我試着像這樣解決它:

HTML:@H_301_3@

abcde

abcde

abcde

abcde

abcde

abcde

abcde

abcde

abcde

abcde

abcde

abcde

abcde

abcde

abcde

abcde

abcde

abcde

abcde

abcde

abcde

abcde

abcde

abcde

abcde

CSS:@[email protected] {

max-height: 50px;

width: 100px;

border: 1px solid black;

}

div.child {

height: 100%;

overflow-y: auto;

}

不幸的是,這不能按預期工作.孩子越過父母[email protected]_301_3@

請注意,設定overflow-y:auto到PARENT不是一個選項,因為它懷疑存在其他不應滾動的項目.懷疑孩子填滿了父母留下的空間.有關更多資訊,請參閱實時示範[email protected]_301_3@