更改

.#main-page-item-header table { width:100%; background:#57727btransparent; heightborder-spacing:40px0; displaytable-layout: flexfixed;

#main-page-table tr { vertical-align: top; } #main-page-table .main-page-itemsection-header-container { position: relative; width: 100%; margin-top: 10px; } #main-page-table .section-header > h2 { width: 100%; background: #57727b; height: 40px; margin-top: 010px; } #main-page-table .section-header h2 {

padding:5px 0px 5px 15px;

.#main-page-itemtable .section-content {

#.main-page-table clearfix { border-spacingclear: 0both; table-layoutmargin: fixed; } #main-page-table tr { vertical-align: top; } #main-page-table tr 0.main-page-item { margin-top: 10px; } #main-page-table td:nth-child(1) { width: 70%8em;

#.main-page-table tdclearfix:nth-child(2) :after { widthcontent: 30%'  padding-left: 20px';

<table {| id="main-page-table"> <tr> |- <td colspan | style="2width: 70%; padding-right: 10px;"|<!-- 左侧栏开始 --> <div class="main-page-itemsection-header-container"> <div class="main-page-itemsection-header"> <h2> 新聞焦點特色條目</h2> </div> </div> <div class="main-page-itemsection-content"> {{ItnFeature04}} </divclass="main-page-clearfix"> </div> </tddiv> </tr> <tr> <td> <div class="main-page-itemsection-header-container"> <div class="main-page-itemsection-header"> <h2>特色條目</h2> </div> </div> <div class="main-page-itemsection-content"> {{Feature04Feature05}} </div> </div> <div class="main-page-itemclearfix"> </div class="main-page-item-header"> <h2>特色條目 </h2div> </div> <div class="main-page-itemsection-content"> {{Feature05}} </div> </div> <div class="mainheader-page-itemcontainer"> <div class="main-page-itemsection-header"> <h2>特色條目</h2> </div> </div> <div class="main-page-itemsection-content"> {{Feature03}} <div class="main-page-clearfix"></div> </div> <div class="main-page-itemsection-header-container"> <div class="main-page-itemsection-header"> <h2>特色條目</h2> </div> </div> <div class="main-page-itemsection-content"> {{Feature02}} <div class="main-page-clearfix"></div> </div> <div class="main-page-itemsection-header-container"> <div class="main-page-itemsection-header"> <h2>特色條目</h2> </div> </div> <div class="main-page-itemsection-content"> {{Feature}} </divclass="main-page-clearfix"> </div> </tddiv> | style="width: 30%; padding-left: 10px;" |<td!-- 右侧栏开始 --> <div class="main-page-itemsection-header-container"> <div class="main-page-itemsection-header"> <h2>道經金句</h2> </div> </div> <div class="main-page-itemsection-content"> {{Quotations}} <div class="main-page-clearfix"></div> </div> <div class="main-page-itemsection-header-container"> <div class="main-page-itemsection-header"> <h2>新書推介</h2> </div> </div> <div class="main-page-itemsection-content"> <small>[[File:9787518807468.jpg|200px]]<br>詹石窗：《[[大道論（2019年出版書籍）]]》。<br>北京：宗教文化出版社，2019年。</small> <div class="main-page-clearfix"></div> </div> <div class="main-page-itemsection-header-container"> <div class="main-page-itemsection-header"> <h2>新書推介</h2> </div> </div> <div class="main-page-itemsection-content"> <small>[[File:9780824878252.jpg|200px]]<br>史德阿夫（Dominic Steavu）：《[[The Writ of the Three Sovereigns: From Local Lore to Institutional Daoism]]》。<br>夏威夷：夏威夷大學出版社，香港：香港中文大學出版社，2019年。</small> <div class="main-page-clearfix"></div> </div> <div class="main-page-itemsection-header-container"> <div class="main-page-itemsection-header"> <h2>精選圖片</h2> </div> </div> <div class="main-page-itemsection-content"> {{Featurepic}} </divclass="main-page-clearfix"> </div> </tddiv> </tr> </table>}

<table id="main-page-table"> <tr> <td> <div class="main-page-item"> <div class="main-page-itemsection-header"> <h2>新聞焦點</h2> </div> <div class="main-page-item-contentcontainer"> {{Itn}} </div> </div> <div class="main-page-item"> <div class="main-page-itemsection-header"> <h2>特色條目</h2> </div> <div class="main-page-item-content"> {{Feature04}} </div> </div> <div class="main-page-item"> <div class="main-page-item-header"> <h2>道經金句</h2> </div> <div class="main-page-item-content">{{Quotations}}</div> </div> <div class="main-page-item"> <div class="main-page-item-header"> <h2>特色條目</h2> </div> <div class="main-page-itemsection-content"> {{Feature05Feature04}} </div> </div> <div class="main-page-itemclearfix"> <div class="main-page-item-header"> <h2>新書推介</h2> </div> <div class="main-page-item-content"> <small>[[File:9787518807468.jpg|200px]]<br>詹石窗：《[[大道論（2019年出版書籍）]]》。<br>北京：宗教文化出版社，2019年。</small> </div> </div> <div class="main-page-item"> <div class="main-page-item-header"> <h2>特色條目</h2> </div> <div class="main-page-item-content"> {{Feature03}} </div> </div> <div class="main-page-item"> <div class="main-page-item-header"> <h2>新書推介</h2> </div> <div class="main-page-item-content"> <small>[[File:9780824878252.jpg|200px]]<br>史德阿夫（Dominic Steavu）：《[[The Writ of the Three Sovereigns: From Local Lore to Institutional Daoism]]》。<br>夏威夷：夏威夷大學出版社，香港：香港中文大學出版社，2019年。</small> </div> </div> <div class="main-page-item"> <div class="main-page-item-header"> <h2>特色條目</h2> </div> <div class="main-page-item-content"> {{Feature02}} </div> </div> <div class="main-page-item"> <div class="main-page-item-header"> <h2>精選圖片</h2> </div> <div class="main-page-item-content"> {{Featurepic}} </div> </div> <div class="main-page-item"> <div class="main-page-item-header"> <h2>特色條目</h2> </div> <div class="main-page-item-content"> {{Feature}} </div> </div> </td> </tr> </table>