Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.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
Html 页脚文本的css_Html_Css_Footer - Fatal编程技术网

Html 页脚文本的css

Html 页脚文本的css,html,css,footer,Html,Css,Footer,我很难用一个简单的css代码片段来显示页脚文本。 页脚文本必须始终位于页面的末尾和屏幕的末尾(无论后面出现什么)。使用底部属性: * { margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -142px; /* the bottom margin is

我很难用一个简单的css代码片段来显示页脚文本。
页脚文本必须始终位于页面的末尾屏幕的末尾(无论后面出现什么)。

使用
底部属性:

* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 142px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/
#footer
{
    position:absolute;
    bottom:2px;
}

使用
底部
属性:

#footer
{
    position:absolute;
    bottom:2px;
}

对于一个工作示例,您可以将其区分开来,我之前为我们的客户做过完全相同的事情:

-

对于一个你可以选择的工作示例,我以前为我们的客户做过同样的事情:

-

页面的结尾和屏幕的结尾?基于这一点,“在页面末尾”就足够了吗?如果页面从屏幕底部流出,则页脚将位于页面底部(即:在屏幕上不可见)。如果您滚动到页面底部,那么页脚仍将位于页面底部,但在屏幕上可见。。。也许你试图实现的一个代码示例可能会阻止我将我的思想束缚在逻辑上……:)如果页面很短(只占屏幕的一半),那么我仍然希望页脚位于屏幕的底部,而不是中间。页面的结尾和屏幕的结尾?基于这一点,“在页面末尾”就足够了吗?如果页面从屏幕底部流出,则页脚将位于页面底部(即:在屏幕上不可见)。如果您滚动到页面底部,那么页脚仍将位于页面底部,但在屏幕上可见。。。也许你试图实现的一个代码示例可能会阻止我将我的思想束缚在逻辑上……:)如果页面很短(只占屏幕的一半),那么我仍然希望页脚位于屏幕的底部,而不是中间。这将使其位于视口的底部。如果页面较长,它将不会位于页面底部(具体问题是这样的)@大卫:是的,会的——你试过了吗?我已经在几个项目中使用过它。请参见,这将使其位于视口底部。如果页面较长,它将不会位于页面底部(具体问题是这样的)@大卫:是的,会的——你试过了吗?我已经在几个项目中使用过它。看见