Question

请帮助我让这个页脚出现在页面底部而没有“外部”CSS

CSS

 #exefixedfooterdiv {
  background-color: yellow;
  overflow:none; 
  width:100%; 
  height:80px; 
  position:fixed;
  bottom:0%; 
  left:0%;}

HTML

<div id="exefixedfooterdiv" >
</div>

Answer 1

您可以编写如下所述的内联CSS代码： -

<div style="background-color: red;
; overflow:none; width:100%; height:80px; position:fixed; bottom:0%; left:0%;" >
</div>

DEMO

Answer 2

编写内嵌样式。

<div style="position:absolute;width:100%;height:100px;background:#FF0000;bottom:0;" >
</div>

或根据你的风格：

<div id="exefixedfooterdiv" style="background-color: yellow;
; overflow:none; width:100%; height:80px; position:fixed; bottom:0%; left:0%;"></div>

演示here

Answer 3

您可以在div中描述样式：

<div style="background-color: yellow; overflow:none; width:100%; height:80px; position:fixed; bottom:0%; left:0%;" >

Answer 4

喜欢这个

<强> DEMO

<强> CSS

*{
    margin:0;
    padding:0;
}
#exefixedfooterdiv {background-color: yellow;
 overflow:none; width:100%; height:80px; position:fixed; bottom:0;
 }

<强> HTML

<div id="exefixedfooterdiv" >
</div>

Answer 5

你必须为position：fixed elements添加z-index：

#exefixedfooterdiv {
   background-color: yellow;
   overflow:none; 
   width:100%; 
   height:80px; 
   position:fixed;
   bottom:0; 
   left:0;
   z-index: 999;
}

将页脚定位在页面底部

5 个答案: