最简路径是给外层内容容器（如或）设max-width: 1200px和margin: 0 auto，实现大屏居中不拉伸、小屏自适应；需重置body margin: 0，避免偏移，且不可将max-width直接用于或等特殊元素。
max-width + margin: 0 auto 是最简路径
直接给最外层内容容器（比如 <main></main> 或包裹用的 <div class="container">）加 <code>max-width: 1200px 和 margin: 0 auto，就能实现大屏下不拉伸、小屏下自适应、整体居中——不需要媒体查询、不用 Flex、也不依赖框架。
常见错误是只写 max-width，结果内容死贴左边；或者把 max-width 直接加在 上，因浏览器默认 body 有 margin，导致居中偏移。
-
max-width必须作用在块级元素上，<div>、<code><main></main>、<section></section>都行，但要先重置margin: 0 - 推荐搭配
box-sizing: border-box，避免 padding 或 border 溢出设定的最大宽度 - 固定值如
max-width: 1200px比百分比更可控；百分比（如max-width: 90%）是按父容器算，不是视口 -
<nav></nav>只需设width: 100%和背景色，它天然撑满 -
<main></main>单独设max-width: 1200px+margin: 0 auto+padding控制内边距 - 务必给
body加margin: 0，否则<nav></nav>左右会留白 -
<colgroup></colgroup>必须放在<table> 开头、<code><thead> 之前，顺序错就无效 <li>用 <code><col style="width: 200px">，别用<th width="200">，后者在现代渲染中常被忽略 <li>长文本溢出需额外加 <code>overflow-wrap: break-word到<td>，且不能有 <code>white-space: nowrapBootstrap 的 container 类不是万能胶
container是 div 级别类，必须作为包裹元素显式写出：<div class="container"><main>...</main></div>。写成不生效，因为 Bootstrap 的 CSS 规则不匹配body标签本身。另外，
container-fluid是 100% 宽，没有最大宽度限制，和container完全不同，别混用。- 查当前版本的断点值别硬记：Bootstrap 5+ 中
container在xl断点默认max-width: 1140px，但 inspect 元素看 computed style 最准 - 如果需要导航全宽 + 内容受限，别给整个页面套
container，只包<main></main>或<article></article> - 别在 flex 容器里直接放
<table>，它会被拉伸；加 <code>align-self: flex-start阻止变形 实际搭起来就几行关键样式，但容易卡在细节：max-width 不居中、表格不听话、container 套错位置——问题不在语法，而在对每个 CSS 属性生效前提的理解。
- 查当前版本的断点值别硬记：Bootstrap 5+ 中
别把导航栏也套进限制容器里
如果要实现「导航栏全宽铺满、正文内容受限居中」，结构上必须分离：导航用独立 <nav></nav>，正文用单独 <main></main>，两者平级，都挂载在 下。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
错误做法是把 <nav></nav> 和 <main></main> 一起包进同一个 max-width 容器里——这样导航也会被缩窄，失去全宽效果。
立即学习“前端免费学习笔记（深入）”；
表格里 max-width 失效？不是 bug，是 table-layout 机制
给 <table> 直接加 <code>max-width: 800px 几乎没用，因为表格默认 table-layout: auto，优先按内容定列宽，max-width 只约束外框，压不住内部单元格。
真正生效的组合必须三者齐备：table-layout: fixed + <colgroup></colgroup> + 显式 <col> 宽度定义。
