查看“轨道精准攻击”的源代码

<!-- ===== 右侧卡片容器（整体浮动） ===== -->
<div style="float: right; clear: right; margin: 0 0 1em 2em; width: 300px;">
  
  <!-- 轨道攻击卡 -->
  <div class="orbital-strike-card" style="margin-bottom: 12px; border: 1px solid #ccc; padding: 10px; background: #f5f5f5;">
    <div class="license" style="font-size: 12px; color: #666;">进攻型战略配备许可证</div>
    <div class="title" style="font-size: 18px; font-weight: bold;">轨道精准攻击</div>
    <div class="desc" style="font-size: 14px;">来自驱逐舰"阿特拉斯"轨道加农炮的一发精准攻击。</div>
  </div>

  <!-- 人物信息框 -->
  {| class="infobox" style="background: #f9f9f9; border: 1px solid #aaa; border-collapse: collapse; font-size: 90%; width: 100%;"
  |-
  ! colspan="2" style="text-align: center; font-size: 140%; background: #e0e0e0; padding: 5px;" | 张三
  |-
  | colspan="2" style="text-align: center; padding: 5px;" | [[File:YourImage.jpg|200px|alt=人物头像]]
  |-
  ! style="background: #e8e8e8; width: 35%; padding: 3px 8px;" | 本名
  | style="padding: 3px 8px;" | 张某某
  |-
  ! style="background: #e8e8e8; padding: 3px 8px;" | 出生日期
  | style="padding: 3px 8px;" | 1980年1月1日（45岁）
  |-
  ! style="background: #e8e8e8; padding: 3px 8px;" | 出生地点
  | style="padding: 3px 8px;" | 中国北京市
  |-
  ! style="background: #e8e8e8; padding: 3px 8px;" | 国籍
  | style="padding: 3px 8px;" | 中国
  |-
  ! style="background: #e8e8e8; padding: 3px 8px;" | 职业
  | style="padding: 3px 8px;" | 演员、歌手
  |-
  ! style="background: #e8e8e8; padding: 3px 8px;" | 代表作
  | style="padding: 3px 8px;" | 《作品一》、《作品二》
  |}
</div>

<!-- ===== 正文内容（用 overflow:hidden 防止重叠） ===== -->
<div style="overflow: hidden;">
  <p>这里是正文内容。这里放人物的详细介绍、生平事迹、主要成就等等。</p>
  <p>因为外层容器用了 overflow: hidden，所以正文不会被浮动的卡片挡住，会自然环绕在卡片左侧。</p>
</div>