sticky-footer

2热度

1回答

我试图将一个SAVE按钮添加为粘贴到页面底部的页脚，但只要有“下面的内容”就会向下移动。这个内容我通常适合在一个页面上，但是在使用select复选框元素时会超出范围。问题的例子：当我点击选择复选框元素：当前代码风格： .bottom { position:absolute; bottom:0px; height:40px; width:100

0热度

1回答

粘性页脚横向打破

我的粘性页脚不能横向打印。我试图创建两个div，每个div的高度相同，当移动设备（宽度为749px或更小）处于纵向时，它们将共同占用页眉和页脚之间的所有可用高度。但是，当设备处于横向模式时，我希望divs保持最小高度为172像素。另外，在每个div中，我想嵌套一个垂直和水平居中，较小的div。在纵向上一切看起来都很好。横向放置时，页脚停在视口的底部，而不是放在第二个div的底部。 “.inde

0热度

2回答

奇怪的页脚行为

我是比较新的CSS，所以请原谅我奇怪的失态。我将页脚定义为绝对位置，并且它停留在我的网站上所有页面的底部。 ...>页脚在这里表现完美，即它的位置粘在屏幕的底部而不管内容如何。 ...>下面的页脚行为异常，它的位置不粘在页面的底部。我使用这两个页面上同尾类，所以我不知道什么是错在这里，下文提到的 - .shell3-Footer { box-sizing: border-box; paddi

4热度

1回答

Bootstrap 4粘脚没有粘住

不确定为什么粘脚没有在Bootstrap 4中工作。我有一个TYPO3网站，我是初学者。粘性页脚不粘在页面的底部。以下是已呈现的页面源的副本。我基本上从bootstraps docs文件夹复制html文件，然后修改它并将其复制到我的TYPO3模板中。如果我用内容填充页面，页脚不会粘住 - 我必须向下滚动页面才能看到它。 <!DOCTYPE html> <html lang="en">

0热度

2回答

使用两个页脚粘脚的问题

我目前自我教学自己的Web开发。我从头开始重新创建一个网站。它应该是这个样子： ===========导航栏============= ======= ==网站身体=========== ===========页脚＃1 ============ = ==========页脚＃2 ============ 和我的基本代码结构是： <body class="main-body"> <form

0热度

1回答

防止粘滞表单输入的位置更改

我有一个简单的网页，其中包含标题，动态内容和粘滞页脚。在页脚中，我有一个包含文本输入和提交按钮的表单。在内容超出页面可视区域的情况下，粘性表单的行为与预期相同（它在可见区域的底部可见）。我注意到，当我输入文本更改到表单的文本字段时，动态内容将自动滚动到底部。我实现了一个黑客的内容滚动回它原来的位置，但我想知道是否有禁用滚动行为开始，用...的方式 https://jsfiddle.net/vy

1热度

1回答

Flexbox的粘页脚

我试图实现或多或少相同的东西在这个问题描述： Align an element to bottom with flexbox 除了事实，我不能用固定的高度。我设置的两张卡中已经存在的Flex上下文（它们的高度被拉伸以实现Flexbox）：卡里面我有一系列的元素：报头主体页脚（蓝色DIV）我想要的是页脚始终坚持到底部。的三个要素的内部容器如上所述具有以下CSS： .card-inner

0热度

1回答

页脚与移动横向模式中的登录表单重叠

我正在尝试为我的应用程序创建一个登录页面。它包含一个标题，以水平和垂直居中的登录表单以及一个页脚。一切正常模式下都可以正常工作，我加载它在移动横向模式页脚重叠登录窗体。任何人都可以帮助我如何弄清楚。我知道问题是由于固定页脚底部，但当我尝试给位置：绝对或位置：相对页脚跳头附近 .full-width{width:100%;} .login-container{position: absolut

7热度

1回答

当使用CSS动态改变页面高度时，将页脚保留在页面的底部

这里有很多主题，给出了将页脚保留在页面底部的解决方案。但是，我正在努力让它工作。问题是页面可以动态改变它的高度。使用the current solution I'm using，页脚位于页面的底部。但是，当页面高度动态变化时，页脚仍处于其确切位置。页脚的CSS是如下： #footer { position: absolute; right: 0; bottom:

0热度

1回答

将Bootstrap的可变高度页脚设置为页面或内容的底部，以较低者为准

在我的引导页面中，我想强制<footer>...</footer>位于页面或内容的底部，以较低者为准。而且有一个solution已经很好的工作。但是，这种方法要求我事先知道页脚的高度是多少。我该如何实现相同的目标，但页脚高度是由其内容决定的？