Html 为什么内容以100%宽度显示

为什么my.topnav、.mainnav和my.content div的内容会逃逸它们

当我达到页数限制时，如何从行跳转

它们已经是100%宽度了

* { 列表样式：无； 文字装饰：无； 保证金：0； 填充：0； } html， 身体{ 宽度：100%； 身高：100%； } .集装箱{ 显示：网格； 网格模板列：280px 1fr； 宽度：100%； 身高：100%； 位置：固定； } .leftbar{ 背景：1D2126； 身高：100%； 宽度：100%； 网格模板行：100px 1fr； } .rightbar{ 显示：网格； 网格模板行：100px 1fr； 宽度：calc100%-280px； 身高：100%； 位置：固定； 左边距：280px； } .标题{ 显示：网格； 网格模板行：30px 70px； 宽度：100%； 身高：100%； } 托普纳夫先生{ 背景：1A1E23； } mainnav先生{ 背景：1D2126； } .内容{ 背景：21252B； 溢出y：滚动； } aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa D SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS

---

你有两个理由：

首先，你有一个无休止的文本开始aaaa，所以如果你不打破与空格或使用CSS的文本布局将遵循文本

第二，在CSS中使用calc函数时，使用加法和减法运算时，必须在运算符周围留下空格，因此不是宽度：calc100%-280px； 你需要有宽度：calc100%-280px

查看下面的代码片段，并对代码进行一些小的改进

* { 列表样式：无； 保证金：0； 填充：0； 框大小：边框框； } *：：之前， *：：之后{ 框大小：边框框； } a{ 文字装饰：无； } html， 身体{ 宽度：100%； 身高：100%； } .集装箱{ 显示：网格； 网格模板列：280px 1fr； 身高：100%； } .leftbar{ 背景：1D2126； 身高：100%； } .rightbar{ 显示：网格； 网格模板行：100px 1fr； } .标题{ 显示：网格； 网格模板行：30px 70px； } 托普纳夫先生{ 背景：1A1E23； } mainnav先生{ 背景：1D2126； } .内容{ 背景：21252B； 溢出y：滚动； } .logo img{ 宽度：80% } aaaa D aaaa