【问题标题】:Fixed width not being inherited by child elements [duplicate]固定宽度不被子元素继承[重复]
【发布时间】:2022-08-19 20:04:11
【问题描述】:

因此,我目前正在开发一个基本的 html 网页,该网页要求我具有静态布局和 1000 像素的固定宽度,但是当我这样做时,我在页面的左侧和右侧都有空间,但是当它打开时自动我的元素,例如我的导航和其他容器元素占用空间等占用整个宽度。我错过了什么??

任何帮助都会很棒!谢谢

  • 问题是浏览器没有总是正好是 1000px 宽。有时会更多(导致空白),有时会更少(导致部分页面被截断)。一般来说,你想和一个反应灵敏设计,以便它可以在所有设备上很好地显示。如果你绝对必须使用固定宽度,您需要添加您的代码,以便我们能够帮助识别特定问题。
  • 请提供minimal reproducible example 以获取调试详细信息。如果没有调试细节,就无法判断为什么某些元素占用超过 1000px 的宽度。

标签: html css layout width fixed-width


【解决方案1】:

我不太明白你的问题,但我认为这是解决方案

宽度:100%;

https://www.freecodecamp.org/news/html-page-width-height

【讨论】:

  • 你错过了这个问题。问题是为什么某些元素会占用整个宽度而不仅仅是 1000px
【解决方案2】:

正如有人在评论中所说,您的页面并不总是 x 像素大小,所以这很难做到,但您仍然可以执行以下操作:

body {
  width: 1000px;
  height: 500px;
}

但问题是有些人的屏幕很小,所以他们会有滚动条,或者你可以使用很多断点

【讨论】:

  • 你错过了这个问题。问题是为什么某些元素会占用整个宽度而不仅仅是 1000 像素。将主体宽度定义为 1000px 不会使元素居中。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-03-24
  • 2013-12-11
  • 1970-01-01
  • 2014-10-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多