底下是一個預設的template，去後台選擇後，會顯示出網誌的內容。 01 <div id="primary"> 02 <div id="content" role="main"> 03 <?php while ( have_posts() ) : the_post(); ?> 04 <?php get_template_part( 'content', 'page' ); ?> 05 <?php comments_template( '', true ); ?> 06 <?php endwhile; // end of the loop. ?> 07 </div><!-- #content --> 08 </div><!-- #primary --> 大概是長這樣: http://i.imgur.com/rZIINc3.png 把template設定好後，出現上圖的紅色框框的內容。 我接著要繼續製作template，就是在網誌下方多寫一個超連結（上 圖綠色框框），希望超連結跑出來後，能夠和上面那個網誌對齊。 可是就算把連結的程式碼，放到前面的<div>裡面，超連結還是不會 對齊，都是畫面的左邊出現。我只好另外寫一個有置左的<div> 09 <div style="margin-left:120px;"> 10 <ul><?php wp_list_pages('title_li=&child_of='.$post->ID); ?></ul> 11 </div> 看似暫時解決問題了，用較高解析度看是正常，但用手機瀏覽，因為 解析度比較窄，所以超連結就會跑到很右邊去。 大概長這樣: http://i.imgur.com/AhmXigD.png 我的問題就是，讓「網誌內容」(紅框)和「超連結」(綠框)能夠對齊 ，正確的寫法是？(推測是style.css吧...) --

※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.252.0.101 ※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1473443338.A.35A.html