Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/heroku/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Bootstrap 4 应用于<；的自举h-100；html>；或<；车身>；标签？_Bootstrap 4 - Fatal编程技术网
Fatal编程技术网
  • bootstrap-4/
  • Bootstrap 4 应用于<；的自举h-100；html>；或<；车身>；标签？

Bootstrap 4 应用于<；的自举h-100；html>；或<；车身>；标签？

bootstrap-4

Bootstrap 4 应用于<；的自举h-100；html>；或<；车身>；标签？,bootstrap-4,Bootstrap 4,在某些情况下，引导类h-100应用于元素，在某些情况下应用于元素，有时应用于两者。例如，在带有固定导航栏的代码粘性页脚中，类h-100应用于和元素 <!doctype html> <html lang="en" class="h-100"> <head> ... </head> <body class="d-flex flex-column h-100"> ... </b

在某些情况下，引导类
h-100
应用于
元素，在某些情况下应用于
元素，有时应用于两者。例如，在带有固定导航栏的代码粘性页脚中，类
h-100
应用于
和
元素

<!doctype html>
<html lang="en" class="h-100">
<head>
...
</head>
<body class="d-flex flex-column h-100">
...
</body>
</html>


...
...
在这背后是否有任何逻辑、需要遵循的规则、何时处理
元素以及何时处理
元素？

通常，当设计要求全高时，需要100%高度

例如，典型的情况是将页脚放在底部，而不管屏幕的高度如何。在开发这些设计概念时，缺乏100%的高度在处理空白页面时显示出明显的问题，其中没有内容生成高度，因此页脚堆叠在页眉下方

引入高度要求的设计概念：

  • 固定页脚
  • 内容垂直居中
  • 模态用户界面背景
  • 滚动增强功能
这些概念通常只会影响网站的CSS，并且需要同时在html和body标签上提供功能

所以问题仍然存在，为什么只在
上，还是只在
上？ 我的想法是它取决于某些JavaScript计算

假设您需要使用元素=>
文档
对象的顶部位置
假设您需要滚动到某个位置=>
窗口
对象被使用

当
文档
对象在
窗口中查找元素，而
对象在
标记上查找属性时，这两种功能可以分别工作

不完全确定它是以这种方式拆分的，但我可以看到有人将
h-100
类添加到html标记以解决滚动问题，还有人将
h-100
添加到主体以解决偏移/位置问题。在我看来，对于这两种人来说，100%引入身高总是更好的