文档章节

两个div上下平分整个浏览器

陈爱茹cx1992
 陈爱茹cx1992
发布于 2016/07/26 17:35
字数 214
阅读 4
收藏 0
点赞 0
评论 0
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登陆</title>
<style type="text/css">
html,body{
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
}
body {
	background: url("lnpg/beijing.jpg") no-repeat;
}
.denglu{
	background: url("lnpg/denglu.png") no-repeat;
}
.denglu:hover{
	cursor: pointer;
}
.top{
	background: pink;
	height: 50%;
}
.bottom{
	background: green;
	height: 50%;
}
</style>
</head>
<%
String path = request.getContextPath();
Object remark = request.getAttribute("loginRemark");
%>
<body>
<%=remark==null?"":remark %>
<div class="top"></div>
<div class="bottom">
	<center>
		<table>
			<tr>
				<td>登录名</td>
				<td><input type="text" name="name" value="1">
				</td>
			</tr>
			<tr>
				<td>密码</td>
				<td><input type="password" name="password" value="1">
				</td>
			</tr>
			<tr>
				<td>皮肤</td>
				<%
				String skin = "blue1";
				%>
				<td>
				<select name="skin" style="width: 150px;">
					<option value="blue1" <%if("blue1".equals(skin)){%>selected="selected"<%}%>>蓝色1</option>
					<option value="green1" <%if("green1".equals(skin)){%>selected="selected"<%}%>>蓝色2</option>
				</select>
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<div class="denglu"><input type="submit"></div>
				</td>
			</tr>
		</table>
	</center>
</div>
<script type="text/javascript">
</script>
</body>
</html>

本文转载自:http://blog.csdn.net/ruru7989/article/details/24515957

共有 人打赏支持
陈爱茹cx1992
粉丝 0
博文 59
码字总数 0
作品 0
济南
程序员
div相互覆盖,div与div盒子之间产生重叠覆盖现象的解决办法

div覆盖div,出现div与div盒子之间产生重叠覆盖现象,而内容没有出现覆盖重叠现象原因与解决方法。 可能你遇到过上下结构的布局,下面DIV内容重叠上面DIV内容上,也可能右面内容覆盖掉左面的D...

尘世如潮
2016/03/23
1K
0
ios的Safari浏览器滚动条问题?

程序在ios的浏览器上访问,有一个页面是用iframe嵌套的,在iframe页面里是一个查询界面和显示结果的table,页面的布局是用 easyui做的,table是嵌在一个tab下的,在电脑端iframe里的页面超出...

malie0
2014/10/24
4.2K
1
DIV+CSS 页面布局--固定宽度且居中的版式

排版思路:固定宽度且居中的版式是网络中最常见的排版方式之一,首先将所有页面内容用一个大<div>包裹起来,指定该<div>的ID为container,这个ID在整个页面中是唯一的。部分代码如下: body...

一别经年
2014/04/14
0
5
CSS 行高在各浏览器的区别

单行文字的高度问题,一直是个令人很困扰的问题! 习惯性都是哪里出现问题,哪里解决(padding, margin, line-height, height; 正的、负的等)!在不同浏览器出现不一致的情况,就用不同的H...

cnu2m
2015/12/27
74
0
前端——设置2个div之间的距离

让上下两个DIV块之间有一定距离或没有距离 1、若想上下DIV块之间距离,只需设定:在CSS里设置DIV标签各属性参数为0 div{margin:0;border:0;padding:0;} 这里就设置了DIV标签CSS属性相当于初始...

fycool
2016/08/14
15
0
三种三栏网页宽度自适应布局方法

一、前言 在如今各个分辨率显示器N足鼎立的时期,页面采用流动性布局(亦可称自适应布局)不失为一个好选择。当然,具体实现不是那么容易,需要一定的css功力和实践经验。本文不讲细节,只讲...

乱世中的单纯
2016/03/14
768
0
请教html页面布局

新手一枚,想实现一个简单布局,求大家指教。 布局很简单,分上下两部分。 div1:高度固定(50px),宽度铺满整个网页。 div2:保证在不同分辨率下div2高度+div1高度铺满整个屏幕,宽度铺面整...

syj52417
2015/08/07
121
3
三分钟学会用 js + css3 打造酷炫3D相册

中秋主题的3D旋转相册 如图,这是通过Javascript和css3来实现的。整个案例只有不到80行代码,我希望通过这个案例,让正处于迷茫期的js初学者感受到学习的乐趣。我会尽可能讲得详细,不需要你...

剽悍一小兔
01/10
0
0
ie7下子元素为relative,咋感觉变成了absolute

ie7下父元素div是static的,子元素div是relative的,为什么这个relative的子元素会浮动,就是浏览器上下滚动滚动条,这个子元素div会跟着浮动,而不是置于父元素内部...

爱dota爱生活
2015/01/30
149
1
Firefox与IE在CSS样式表中的差异

1 针对firefox ie6 ie7的css样式 现在大部分都是用!important来 hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释,会导致页面没按要求显示!找到一个针对IE7不错的...

alexian
2010/10/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

springboot常用注解

@SpringBootApplication: 包含@Configuration、@EnableAutoConfiguration、@ComponentScan 通常用在主类上。 @Service: 用于标注业务层组件。 @RestController: 用于标注控制层组件(如strut...

GoldenVein
5分钟前
0
0
梯度下降法求多元线性回归及Java实现

对于数据分析而言,我们总是极力找数学模型来描述数据发生的规律, 有的数据我们在二维空间就可以描述,有的数据则需要映射到更高维的空间。数据表现出来的分布可能是完全离散的,也可能是聚...

冷血狂魔
10分钟前
2
0
如何进行大数据的入门级学习?

不知道你是计算机专业应届生还是已经从业者。总之,有java基础的学生学习大数据会轻松很多,零基础的小白都需要从java和linux学起。 如果你是一个学习能力特别强,而且自律性也很强的人的话可...

董黎明
19分钟前
0
0
使用Parcelable传递复杂参数

最近做AIDL传递对象,对象必须实现Parcelable的方法才可以被传递。 @Override    public int describeContents() {//这个 默认返回0就行了。        return 0;    }    ...

火云
20分钟前
0
0
十大Intellij IDEA快捷键

Intellij IDEA中有很多快捷键让人爱不释手,stackoverflow上也有一些有趣的讨论。每个人都有自己的最爱,想排出个理想的榜单还真是困难。以前也整理过Intellij的快捷键,这次就按照我日常开发...

HJCui
30分钟前
0
0
word 使用mathtype 编写 数学公式

下载安装,这个链接命名。。。。 http://www.mathtype.cn/xiazai.html 安装之后会多出一个选项 使用内联方式插入图表 编写公式的界面 设置支持latex 语法 输入公式回车就可以看到结果...

阿豪boy
48分钟前
0
0
Promise

定义 Promise是异步编程的一种解决方案,所谓Promise就是一个容器,里面保存着某个未来才会结束的事件(通常是一个一步操作)的结果。 特点: 2.1 对象的状态不受外界影响,三种状态pending...

litCabbage
59分钟前
1
0
设计模式:适配器模式

说明:在不改变旧接口代码的前提下,为该接口新增其他接口的功能 适配器模式可以分为:类适配器模式、对象适配器模式、接口适配器模式 前两种模式下,我会以播放器为例。老版的播放器(Playe...

人觉非常君
59分钟前
0
0
使用VsCode搭建Java开发环境,创建springboot应用

1、在 Visual Studio Code 中打开扩展视图(Ctrl+Shift+X),输入关键词java、spring分别下载Java开发插件包和springboot插件包 2、配置参数 点击设置按钮,进入设置选项,配置用户设置 在用户...

qsyan
今天
23
0
调教属于你的“贾维斯”(给自己挖了一个很大的坑)

今天玩一下现在很火的人工智能。 废话不多说,先来看几张图: 看出什么蹊跷了吗? 再来看一个视频: https://www.zhihu.com/video/1002567561061511168 (演示网址和代码见文末) 人工智能离...

crossin
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部