3 回答

TA貢獻(xiàn)1951條經(jīng)驗(yàn) 獲得超3個(gè)贊
這不是 jQuery 問(wèn)題,而是 CSS 問(wèn)題。
我一直在 JSFiddle 中進(jìn)行實(shí)驗(yàn),并將 LI 的高度從 auto 更改為 min-content 似乎有效:
height: min-content;
https://jsfiddle.net/6w9j84rm/
禁用 jQuery 代碼可以清楚地看到效果。

TA貢獻(xiàn)1786條經(jīng)驗(yàn) 獲得超13個(gè)贊
這是一個(gè) CSS 問(wèn)題。父級(jí)是 flex,這就是為什么當(dāng)設(shè)置為 li 時(shí)它會(huì)將所有可用空間提供給 li auto
。只需將 li 的高度設(shè)置為fit-content
or min-content
or max-content
:
ul.accordion-list li { height: fit-content; }

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超4個(gè)贊
margin-bottom: auto設(shè)定規(guī)則ul.accordion-list li。該規(guī)則具有極好的跨瀏覽器兼容性!
而且效果很好。
應(yīng)該是這樣的:
ul.accordion-list li {
position: relative;
display: block;
width: 100%;
height: auto;
background-color: #F36F20;
padding: 20px;
margin: 0 auto 15px auto;
border: 1px solid #eee;
border-radius: 5px;
cursor: pointer;
color: #fff;
margin-bottom: auto;
}
添加回答
舉報(bào)