最外層div 1可根據(jù) IsVisible[x]的值動態(tài)影藏或顯示，div 2 overflow屬性為'hidden' ，限定了div 2 的高度開發(fā)中發(fā)現(xiàn)此例中display，overflow放在同一div中，將導(dǎo)致overflow的hidden屬性失效。所以將兩屬性分別置于兩個(gè)div下，display處于最外層。

  <div id= '1' style={{ display: IsVisible[x], position: 'relative' }}>
             <div id='2' style={{ "height": "50px", overflow: 'hidden' }}>
                  <div dangerouslySetInnerHTML={{ __html: 
                      articleList[x].content }}>
                  </div>
             </div>
       <button className={styles.button} value={x} 
        onClick={(e) => { extendsArticle(e) }}>
            閱讀全文<Icon type="down" />
      </button>
  </div>