0

请帮助我使此页脚出现在页面底部，而无需“外部”CSS

CSS

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

HTML

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

5 回答 5

0

编写内联样式。

<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>

演示在这里

于 2013-08-22T10:42:44.167 回答
0

您可以描述 div 内的样式： 

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

于 2013-08-22T10:42:53.577 回答
0

您可以编写如下代码中提到的内联 CSS：-

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

演示

于 2013-08-22T10:41:02.530 回答
0

您必须为 position:fixed 元素添加 z-index ：

#exefixedfooterdiv {
   background-color: yellow;
   overflow:none; 
   width:100%; 
   height:80px; 
   position:fixed;
   bottom:0; 
   left:0;
   z-index: 999;
}
于 2013-08-22T12:05:09.477 回答
0

像这样

演示

CSS

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

HTML

<div id="exefixedfooterdiv" >
</div>
于 2013-08-22T10:45:34.903 回答