有时候为了用户体验更好些，网页设计师会把网站导航放在一个固定的DIV层里面，不随滚动条滚动。本方法是利用CSS，position:fixed属性来固定层，fixed是特殊的absolute，即fixed总是以body为定位对象的，按照浏览器的窗口进行定位。这样网站导航布局好看些，以下是实现的一种方法...
分类：
Web程序 时间：
2015-05-06 01:18:17
阅读次数：
212
CSS属性书写顺序,建议遵循 Positioning(定位) -> Box model（盒模型） -> typographic （排版）->visual（视觉） ->other/* Positioning */position: absolute;top:0;right:0;bottom:0;lef...
分类：
Web程序 时间：
2015-05-05 16:15:39
阅读次数：
118
ie9+ 自身垂直水平居中:position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);ie8+ 自身的垂直水平居中：（设定宽高） position: absolute; top: 0; left: 0; bottom: 0;....
分类：
Web程序 时间：
2015-05-04 11:23:47
阅读次数：
123
.errorCon { position: absolute; left: 0; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
分类：
其他好文 时间：
2015-05-04 09:57:05
阅读次数：
99
主要是实现类似百度首页的皮肤，改变浏览器窗口大小，图片按照比例缩放，不变形的效果。1. html部分 2. css的部分.login-bg { position:absolute; top:0px; left:0px; margin:0px auto; overflo...
分类：
其他好文 时间：
2015-05-03 23:37:48
阅读次数：
157
js的代码是这样的：$(function(){ $(window).resize(function(){ $(".login").css({ position: "absolute", left: ($(window).width() - $(".log...
分类：
Web程序 时间：
2015-05-02 16:24:27
阅读次数：
124
2015年5月1日 19:19:33 星期五1,position:relativetop: 10pxleft: 10px该元素相对于自身原有的位置偏离 {10, 10}2,如果父级元素用 position:relative 子级元素用 position:absolute则 子级的 top, letf...
分类：
Web程序 时间：
2015-05-01 21:10:36
阅读次数：
122
<html>
<head>
<style>
div{width:100px;height:100px;position:absolute;background:red;left:0;top:50px;}
</style>
<script>
vartimer=null;
functionstartMove()
{
clearInterval(timer);//开定时器前先关闭定时器。否则会多开几个定时器，d..
分类：
Web程序 时间：
2015-05-01 12:11:17
阅读次数：
104
CSS position属性和实例应用目前几乎所有主流的浏览器都支持position属性（"inherit"除外，"inherit"不支持所有包括IE8和之前版本IE浏览器，IE9、IE10还没测试过），以下是w3school对position五个值的解释：其中absolute和relative是最...
分类：
Web程序 时间：
2015-04-30 19:37:30
阅读次数：
168
项目部署成功，但访问页面时报以下异常： org.apache.jasper.JasperException:?/webpage/login/login.jsp(2,0)?The?absolute?uri:?http://java.sun.com/jsp/jstl/core?cannot?be?resolved?in?either?w...
分类：
Web程序 时间：
2015-04-30 18:27:08
阅读次数：
285
