当前位置: 首页 > 面试题库 >

为什么主容器上有垂直滚动?

年良骏
2023-03-14
问题内容

我在这里很困惑。由于s body是100%(宽度/高度),main-container也是100%(宽度/高度),为什么会有垂直滚动?

我创建了一个jsFiddle来解释这种情况

body,

html {

  width: 100%;

  height: 100%;

  font-family: "Trebuchet MS !important";

  background-color: #00b3b3;

}



.main-container {

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

  height: 100%;

  width: 100%;

  box-sizing: border-box;

}



.main-header {

  background-color: #099;

  height: 10%;

}



.main-footer {

  background-color: #099;

  height: 10%;

}



.main-content {

  background-color: #fff;

  height: 100%;

}


<body>

  <div class="main-container">

    <div class="main-header">HEADER</div>

    <div class="main-content">jecechejbhcbjbcjrbjb bbjbhbbk</div>

    <div class="main-footer">FOOTER</div>

  </div>

</body>

谢谢你们


问题答案:

body默认情况下,标签的边距取决于浏览器(例如chrome),margin:8px您必须通过

body{
  margin:0;
}


 类似资料:
  • 在移动视图中,当我尝试垂直滚动时,网页被卡住。在中,我有

  • 我正在使用下面的代码创建一个回收器视图。recyclerview有一个网格布局管理器,其项计数最多为每行2个。 不幸的是,我嵌套在ConstraintLayout中的回收器视图根本没有滚动。我错过了什么?约束布局是否支持相同的?

  • 问题内容: 如标题中所述,我一直在尝试通过水平滚动设置某种垂直流布局。布局中的组件将是JLabels。让我画一幅画: 同一窗口,垂直扩展 因此,标签将填充可用的垂直空间,然后创建一个新列。一旦可用的水平空间用尽,就会出现一个 水平 滚动条。 垂直滚动条通常不应出现;但是,如果窗口的垂直高度异常小,最好有一个垂直滚动条。 任何帮助是极大的赞赏。我是Java的新手,所以任何其他解释都将是很棒的。谢谢!

  • 我想添加一种在中滚动菜单项的方法,就像在中滚动项列表一样。 假设我有10个菜单项。我希望一次只显示5个菜单项,我将使用底部或顶部的垂直滚动按钮来显示未列出的菜单项,并隐藏刚才看到的菜单项。 有可能吗?我使用的是JIDE软件的,点击它时会显示。我试图保持放置的命令栏的外观,因此除非真的有必要,否则我不想用替换它。

  • 问题内容: 遇到了一个奇怪的CSS问题。有人可以解释为什么包含内容的框未垂直对齐吗? 如果您将文本放在class的范围内-它将正确对齐。 问题答案: 默认值是其 将框的基线与父框的基线对齐 注意:您可以通过添加到选择器中来查看此默认值。由于是默认设置,因此对齐方式保持不变。 您需要对其进行更改以使块在顶部对齐,例如: 基准定义为 大多数字母“坐着”且下级延伸到其下的线 解决 为什么 添加文本似乎可

  • 问题内容: 这个 提供了一个用户可以水平和垂直滚动的功能。如何更改它以便div 仅 可垂直滚动? 问题答案: 除了使用错误的属性外,还可以解决它。滚动条可与任何财产被触发,或者每个人都可以被设置为任意的,,,,或。您当前正在查看以下两个: -此值将查看盒子的宽度和高度。如果已定义它们,则不会使框扩展到这些边界之外。而是(如果内容超出了这些边界),它将为超出其长度的任意一个边界(或两个边界)创建一个