让页面中的元素在网页最底部的代码片段

代码片段内容：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE html>
<html><head><title>欢迎页面</title><meta http-equiv="Content-Type" content="text/html;charset=utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=8"/><%@ include file="../common.jsp" %><link rel="stylesheet" type="text/css" href="${basePath}/css/login.css" /></head><body><div id="main-container"><!-- 下面是页面的中间区域部分 --><div class="content"></div><!-- 下面是页面的footer部分 --><div id="footer" class="footer-area"><div id="technical-support"><img alt="" src="${imagesPath}/student/student_footer_logo.png"style="margin-top:15px;"/></div><div id="company-support" class="color-white">技术支持:上海互宝能源科技有限责任公司</div></div></div>
</body>
</html>

css代码片段：

@charset "utf-8";#main-container {position: absolute;width: 100%;height: 100%;background:url("../images/login/login_background_bg.png");
}.footer-area {position:absolute;bottom: 0px;height: 62px;width:100%;background:url("../images/login/login_bottom_bg.png");
}

最终效果：

让页面中的元素在网页最底部的代码片段相关推荐

html5 js选择器,使用HTML5的JS选择器操作页面中的元素
文件命名为:querySelector.html,可在Chrome浏览器中预览效果. 1 2 3 4 5 使用HTML5的JS选择器操作页面中的元素 6 7 8 9 10 兴趣爱好: 11 12 ...
【javascript基础——系列10】js中隐藏元素的几种方法以及代码
系列文章 [javascript基础--系列1]前端页面ajax连接后台服务器传输数据 [javascript基础--系列2]前端页面axios连接后台服务器传输数据 [javascript基础--系 ...
圆形英文在html中,圆形元素在网页设计中的巧妙运用
原标题:圆形元素在网页设计中的巧妙运用圆形元素在网页设计中的巧妙运用圆,是一个优雅的形状,但在优雅的同时似乎还带着一种神秘的格调.也正因为圆形元素拥有这种与生俱来的特性,所以在与其他元素合作时,一 ...
论文计算机动态网页的制作,计算机动态网页设计中多元素应用网页设计论文（范文1）...
<计算机动态网页设计中多元素应用[网页设计论文].doc>由会员分享,可免费在线阅读全文,更多与<计算机动态网页设计中多元素应用[网页设计论文]>相关文档资源请在帮帮文库(ww ...
使用JQuery删除html页面中的元素
1.使用JS代码引用JQuery 有些网站自带JQuery,但是有些没有. 在控制台运行下面的代码可以验证当前网站是否加载了JQuery if (jQuery) { alert("JQuer ...
SharePoint 2010 使用沙盒解决方案隐藏页面中的”元素”
起因: 一朋友问我如何隐藏SharePoint 2010中"回收站"和"所有网站内容".我告诉他需要写点css,然后他就蒙圈了(他是英文专业). 解决方案: 一 ...
html页面中给元素添加事件常见的3种语法
1. 使用元素的事件属性 1.1 用法 onxxxx="f();" 例如为Btn按钮添加单击事件 <script> function aaa(){alert(" ...
html选择按键点击后锁死输入框_js Dom为页面中的元素绑定键盘或鼠标事件
html鼠标事件 onload 页面加载 onclick 鼠标单击 onmouSEOver 鼠标移入 onmouSEOut 鼠标移出 onfocus 获取焦点 onblur 失去焦点 onchange ...
在鼠标悬停才会出现的页面中定位元素
在实现web自动化的过程中,有时候会碰到元素在鼠标悬停后才会出现(一般是顶部导航栏菜单),移走鼠标后页面收缩,没办法去定位元素的信息. 这种情况可以使用以下方法来进行定位: 鼠标悬停到标签上后,在So ...

让页面中的元素在网页最底部的代码片段

让页面中的元素在网页最底部的代码片段相关推荐

最新文章

热门文章