我正在Angular2中构建一个元素，我需要一个必须始终位于页面底部的粘性页脚，而不是固定的。示例:http://codepen.io/chriscoyier/pen/uwJjr'app'组件的结构是这样的:...问题可能与Angular本身无关，而仅与CSS有关。但是，我尝试这样实现它:app{min-height:100%;position:relative;}footer{position:absolute;bottom:0;left:0;width:100%;height:271px;}结果很糟糕:有趣的是，如果我在检查器中关闭页脚位置，然后再次打开，页脚就可以了:解决方案:a
我在这里和其他地方四处寻找类似的问题，但我似乎无法找到明确的答案。当我向页面添加足够多的文本使其到达页脚时，页脚只是与文本重叠。如果我减小浏览器窗口的大小以强制页脚和包含内容的容器相遇，也是一样的。有时，这也体现在“容器”中，也就是浅灰色部分，由于某种原因缩小，即使它应该始终占据100%的高度。这种事情让我整晚都睡不着，所以我想得不是很清楚。我敢肯定这是个愚蠢且容易修复的问题，但我不是专业设计师，我肯定不知道问题出在哪里。下面是我的代码，以及我用页面的所有相关部分制作的JSFiddle。html,body{margin:0;padding:0;}html,body{background
我在这里和其他地方四处寻找类似的问题，但我似乎无法找到明确的答案。当我向页面添加足够多的文本使其到达页脚时，页脚只是与文本重叠。如果我减小浏览器窗口的大小以强制页脚和包含内容的容器相遇，也是一样的。有时，这也体现在“容器”中，也就是浅灰色部分，由于某种原因缩小，即使它应该始终占据100%的高度。这种事情让我整晚都睡不着，所以我想得不是很清楚。我敢肯定这是个愚蠢且容易修复的问题，但我不是专业设计师，我肯定不知道问题出在哪里。下面是我的代码，以及我用页面的所有相关部分制作的JSFiddle。html,body{margin:0;padding:0;}html,body{background
HTML应该像下面这样(对于格式和格式很抱歉，但我不知道如何发布HTML示例)whatevercontenthere...div's,ul'sandli's我正在寻找的结果是始终只为内容提供一个垂直滚动条，并且页脚应该始终在对话窗口的底部可见。对话框窗口是一个固定大小的对话框。我尝试了这里其他帖子的一些想法，但不符合所有要求。使用CSS执行此操作的任何想法(也欢迎使用js和jquery) 最佳答案 像下面这样的东西怎么样？只需创建一个容器，其中包含两个div，一个用于滚动内容，一个用于页脚。固定所有高度并使内容div可滚动。CSS(
HTML应该像下面这样(对于格式和格式很抱歉，但我不知道如何发布HTML示例)whatevercontenthere...div's,ul'sandli's我正在寻找的结果是始终只为内容提供一个垂直滚动条，并且页脚应该始终在对话窗口的底部可见。对话框窗口是一个固定大小的对话框。我尝试了这里其他帖子的一些想法，但不符合所有要求。使用CSS执行此操作的任何想法(也欢迎使用js和jquery) 最佳答案 像下面这样的东西怎么样？只需创建一个容器，其中包含两个div，一个用于滚动内容，一个用于页脚。固定所有高度并使内容div可滚动。CSS(
我正在开发移动网络应用程序。这是从上到下的主要结构:headerdiv，menudiv，contentdiv，footerdiv。页眉、菜单和页脚是不变的，页面使用ajax加载到内容div中。有些页面有很多内容，它们会填满页面，因此需要滚动。有些页面只有一两行内容，所以它们留下了很大的空白部分(不一定是不同的页面——例如，一页显示订单列表，你可以没有订单，也可以有数百个……)。这就是我想要实现的:如果页面内容不完整，页脚将位于页面底部。如果页面已满且需要滚动，则页脚将紧跟在内容之后(因此您向下滚动页面并最终到达页脚)。粘性页脚解决方案对我不利，因为我不希望页脚始终粘在底部，只有当页面内
我正在开发移动网络应用程序。这是从上到下的主要结构:headerdiv，menudiv，contentdiv，footerdiv。页眉、菜单和页脚是不变的，页面使用ajax加载到内容div中。有些页面有很多内容，它们会填满页面，因此需要滚动。有些页面只有一两行内容，所以它们留下了很大的空白部分(不一定是不同的页面——例如，一页显示订单列表，你可以没有订单，也可以有数百个……)。这就是我想要实现的:如果页面内容不完整，页脚将位于页面底部。如果页面已满且需要滚动，则页脚将紧跟在内容之后(因此您向下滚动页面并最终到达页脚)。粘性页脚解决方案对我不利，因为我不希望页脚始终粘在底部，只有当页面内
我正在尝试创建一个网站，其中页眉和页脚的位置固定，而内容在中间滚动。somecontent我创建了我认为有用的东西，但它没有用。这是jsFiddle与整个事情。正如您所看到的，部分内容隐藏在页脚下方(我最后看不到“HELLOWEEN”)。我必须更改什么才能修复它？谢谢 最佳答案 最简单的解决方法是添加等同于静态页眉和页脚高度的填充:#content{width:80%;margin:0auto;padding:60px0;}JSfiddle 关于html-内容可滚动时具有固定位置的页眉和
我正在尝试创建一个网站，其中页眉和页脚的位置固定，而内容在中间滚动。somecontent我创建了我认为有用的东西，但它没有用。这是jsFiddle与整个事情。正如您所看到的，部分内容隐藏在页脚下方(我最后看不到“HELLOWEEN”)。我必须更改什么才能修复它？谢谢 最佳答案 最简单的解决方法是添加等同于静态页眉和页脚高度的填充:#content{width:80%;margin:0auto;padding:60px0;}JSfiddle 关于html-内容可滚动时具有固定位置的页眉和
我想打印30页，上面有一些数据，下面有一些数据。我的代码如下所示:Thisshouldbeontop1Thisshouldbeonbottom1Thisshouldbeontop2Thisshouldbeonbottom2我尝试了一切:position:relative(不变)、绝对(仅在第一页页脚)、固定(仅在最后一页)将html、正文和每个div高度设置为100%。不知道我为什么要这样做。没有改变任何东西也许有一种方法可以强制我的浏览器(FF)将div粘贴到页面底部？ 最佳答案 终于找到答案了:html，正文必须有高度:100%
