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

简介: 代码片段内容:<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE html><html> <head> <title>欢迎页面</title> <meta http-equiv="Co

代码片段内容:

<%@ 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");
}
最终效果:



目录
相关文章
|
18天前
【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
|
容器
使用导航菜单如何实现在多个页面下左边导航菜单右边内容的效果
使用导航菜单如何实现在多个页面下左边导航菜单右边内容的效果
144 0
|
JavaScript
使用 jQuery 操作页面元素的方法,实现浏览大图片的效果,在页面上插入一幅小图片,当鼠标悬停到小图片上时,在小图片的右侧出现与之相对应的大图片
使用 jQuery 操作页面元素的方法,实现浏览大图片的效果,在页面上插入一幅小图片,当鼠标悬停到小图片上时,在小图片的右侧出现与之相对应的大图片
244 0
使用 jQuery 操作页面元素的方法,实现浏览大图片的效果,在页面上插入一幅小图片,当鼠标悬停到小图片上时,在小图片的右侧出现与之相对应的大图片
|
JavaScript 前端开发
使用 JavaScript 的 HTML 页面混合、根据在下拉列表框中选择的内容,决定页面效果,用户在下拉列表框中选择页面将要使用的背景颜色
使用 JavaScript 的 HTML 页面混合、根据在下拉列表框中选择的内容,决定页面效果,用户在下拉列表框中选择页面将要使用的背景颜色
386 0
使用 JavaScript 的 HTML 页面混合、根据在下拉列表框中选择的内容,决定页面效果,用户在下拉列表框中选择页面将要使用的背景颜色
|
JavaScript 前端开发
使用 JavaScript 中的 document 对象查找 HTML 元素,实现“登录”按钮的高亮特效 鼠标悬浮于“登录”按钮时,按钮高亮显示;
使用 JavaScript 中的 document 对象查找 HTML 元素,实现“登录”按钮的高亮特效 鼠标悬浮于“登录”按钮时,按钮高亮显示;
273 0
使用 JavaScript 中的 document 对象查找 HTML 元素,实现“登录”按钮的高亮特效 鼠标悬浮于“登录”按钮时,按钮高亮显示;