HTML 佈局差異分析：aside 標籤錯誤包裹 article 導致樣式異常

現象

同樣代碼，自己寫的頁面與老師演示的頁面顯示不同。

原因

用戶代碼中 <aside> 包裹了 <article>，導致兩者呈父子關係；而老師代碼中 <aside> 和 <article> 是並列關係（同級）。

錯誤結構

<div class="content">
  <aside>
    <article>...</article>  <!-- 被包裹 -->
  </aside>
</div>

正確結構

<div class="content">
  <article>...</article>
  <aside>...</aside>
</div>

影響

CSS 選擇器 .content > article、.content > aside 或 Flex/Grid 佈局依賴直接子元素，包裹層級錯誤會導致樣式失效。